header{position:relative;margin:0;padding:0;width:90vw;-webkit-animation:scale linear both;animation:scale linear both;animation-timeline:view(block);animation-range:entry-crossing 100% cover 100%;background-color:var(--darkBack);z-index:1}header .content{position:absolute;top:50%;left:var(--largeGap);transform:translateY(-50%)}header .content h1{font-size:6em;font-weight:900;color:var(--red);margin-bottom:var(--mediumGap)}header .content h3{font-size:2em;line-height:1.2;margin-bottom:var(--mediumGap)}header .content h3 span{color:var(--green)}header .content .btn{display:inline-block;padding:calc(var(--smallGap) * .75) calc(var(--smallGap) * 1.5);font-size:1.2em;font-weight:500;color:#eee;background-color:var(--mainColor);border-radius:var(--smallGap);cursor:pointer;transition:all .2s ease-in-out}header .content .btn:hover{background-color:var(--mainColorDark)}header .content .btn.empty{background-color:transparent;border:2px solid var(--mainColor);color:var(--mainColor);margin-left:calc(var(--smallGap) - 2px);padding:calc(var(--smallGap) * .75 - 2px) calc(var(--smallGap) * 1.5)}header .content .btn.empty:hover{background-color:var(--mainColorDark);color:#eee}.HomePage{margin:0;padding:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.Section{width:90%;padding:0;margin:-50px 0 0;border-radius:50px 50px 0 0;-webkit-animation:scale linear both;animation:scale linear both;animation-timeline:view(block);animation-range:entry-crossing 100% cover 100%}@-webkit-keyframes scale{0%{transform:scale(1) translateY(0)}to{transform:scale(.9) translateY(50vh)}}@keyframes scale{0%{transform:scale(1) translateY(0)}to{transform:scale(.9) translateY(50vh)}}.loginContainer{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#f5f5f5}.login{max-width:300px;width:100%;margin:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em;border-radius:8px;background-color:#fff;box-shadow:0 0 10px #0000001a}.login h1{font-size:2.1em;line-height:1.1;margin:0 0 1em;padding:0;color:#1a1a1a;text-align:center;font-weight:400}.login form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;width:100%;border:none}.login form input{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;border-radius:8px;border:1px solid transparent;background-color:#f9f9f9;transition:border-color .25s;width:calc(100% - 2.4em)}.login form input:focus{outline:4px auto -webkit-focus-ring-color}.login form button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;border-radius:8px;border:none;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:all .25s ease;width:100%}.login form button:hover{background-color:#1a1a1ae6}.login form button:focus,.login form button:focus-visible{outline:4px auto -webkit-focus-ring-color}.login .alternative{display:flex;width:100%;justify-content:space-between}.login a{font-weight:500;color:#1a1a1a;text-decoration:inherit;transition:color .25s;margin-top:1em;line-height:1}.login p{margin-bottom:0;margin-top:1em;line-height:1}.login a:hover{color:#535bf2}.login a:focus,.login a:focus-visible{outline:4px auto -webkit-focus-ring-color}.loginSocial{display:flex;flex-direction:column;margin:0;padding:0;width:100%}.strike{display:block;text-align:center;overflow:hidden;white-space:nowrap;margin-top:1em;line-height:1}.loginSocial span{position:relative;justify-content:center;align-items:center;display:inline-block;line-height:1}.loginSocial span:before,.loginSocial span:after{content:"";position:absolute;top:50%;width:10000%;height:1px;background-color:#1a1a1a29}.loginSocial span:before{right:100%;margin-right:.5em}.loginSocial span:after{left:100%;margin-left:.5em}.loginSocial a{display:flex;align-items:center;justify-content:center;gap:.5em;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;border-radius:8px;border:1px solid rgba(26,26,26,.1607843137);transition:border-color .25s;width:calc(100% - 2.4em)}.loginSocial a img{width:1.5em;height:1.5em;margin-right:.5em}.nav{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.img-nav{background-color:#fff;display:flex;align-items:center;justify-content:center;height:0px;width:0px;border-radius:25px;padding:25px;cursor:pointer}.img-nav img{height:30px;width:30px;margin:0}.navLinks{display:flex;gap:15px;flex-direction:column;justify-content:center;align-items:center;padding:0}.navLinks li{list-style:none}.navLinks a{background-color:transparent;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#acacac;font-size:1.5em;font-weight:500;height:40px;width:40px;padding:0;margin:0;border-radius:50%;border:transparent solid 1px;transition:all .25s}#settingsButton a{border-color:#acacac80}.navLinks a:hover{color:#fff}.navLinks .active a,#settingsButton .active a{border-color:var(--mainColor);color:var(--lightColor)}.navLinks .active a:hover,#settingsButton .active a:hover{color:#fff}@keyframes show1{0%{transform:translate(370px)}to{transform:translate(0)}}@keyframes showBack1{0%{background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes hide1{0%{transform:translate(0)}to{transform:translate(370px)}}@keyframes hideBack1{0%{background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}to{background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.notifications{width:100vw;height:100vh;border:none;outline:none;box-sizing:border-box;padding:0;background-color:transparent}.notifications[open]{-webkit-animation:show1 .5s ease normal;animation:show1 .5s ease normal}.notifications[open]::backdrop{-webkit-animation:showBack1 .5s ease normal;animation:showBack1 .5s ease normal}.notifications.isClosing{-webkit-animation:hide1 .5s ease normal;animation:hide1 .5s ease normal}.notifications.isClosing::backdrop{-webkit-animation:hideBack1 .5s ease normal;animation:hideBack1 .5s ease normal}.notifications::backdrop{background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notifications .notifications-panel{width:100%;max-width:300px;height:calc(100% - 50px);display:flex;flex-direction:column;gap:12.5px;padding:12.5px;margin:12.5px 12.5px 12.5px auto;border-radius:37.5px;background-color:#252525;text-decoration:none;color:#acacac;font-size:1.5em;font-weight:500}.notifications .notifications-panel .top{position:relative;display:flex;justify-content:center;align-items:center;margin:12.5px 0}.notifications .notifications-panel .top h2{font-size:1.2em;font-weight:500}.notifications .notifications-panel .top .close-button{position:absolute;left:6.25px;height:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;cursor:pointer}.notifications .notifications-panel .top .close-button i{margin-bottom:-2px;font-size:1.1em;color:#acacac;transition:all .2s ease}.notifications .notifications-panel .top .close-button:hover i{color:#eee}.notifications .notifications-panel .notification{position:relative;display:flex;align-items:center;border-radius:25px;background-color:#17171780;overflow:hidden;cursor:pointer}.notifications .notifications-panel .notification:hover .notification-front{transform:translate(-62.5px)}.notifications .notifications-panel .notification .notification-front{display:flex;gap:12.5px;padding:12.5px;border-radius:25px;background-color:#171717;transition:all .2s ease;z-index:2}.notifications .notifications-panel .notification .notification-front:hover{background-color:#144e5e}.notifications .notifications-panel .notification .notification-front:hover .notification-content h3{color:#eee}.notifications .notifications-panel .notification .notification-front:hover .notification-content p{color:#acacac}.notifications .notifications-panel .notification .notification-front .icon{display:flex;justify-content:center;align-items:center;height:50px;aspect-ratio:1;font-size:1.4em;background-color:#252525;color:#acacac;border-radius:12.5px}.notifications .notifications-panel .notification .notification-front .notification-content{display:flex;flex-direction:column}.notifications .notifications-panel .notification .notification-front .notification-content h3{font-size:.8em;color:#acacac;transition:all .2s ease}.notifications .notifications-panel .notification .notification-front .notification-content p{font-size:.6em;color:#acacac80;transition:all .2s ease}.notifications .notifications-panel .notification .delete{z-index:1;position:absolute;right:0;height:100%;width:87.5px;display:flex;justify-content:center;align-items:center}.notifications .notifications-panel .notification .delete i{font-size:1.2em;color:#acacac;transition:all .2s ease;transform:translate(12.5px)}.notifications .notifications-panel .notification .delete:hover i{color:#eee}.profile{position:relative}.profile .default{background-color:#9ad0c2}.profile .dropdown{position:absolute;width:250px;top:100%;right:0;color:#acacac;background-color:#333;display:flex;flex-direction:column;border-radius:18.75px;box-shadow:0 0 5px #00000080;z-index:1;overflow:hidden;filter:blur(5px);opacity:0;pointer-events:none;transition:all .2s ease-in-out}.profile .dropdown.open{top:calc(100% + 12.5px);filter:blur(0);opacity:1;pointer-events:auto}.profile .dropdown .profile-nav{display:flex;gap:12.5px;padding:12.5px;border-bottom:1px solid rgba(172,172,172,.3)}.profile .dropdown .profile-nav .img-nav{cursor:default}.profile .dropdown .profile-nav .info{display:flex;flex-direction:column;justify-content:center}.profile .dropdown .profile-nav .info h3{font-size:1.4em}.profile .dropdown .profile-nav .info span{font-size:.9em;color:#acacac80}.profile .dropdown .links{display:flex;flex-direction:column}.profile .dropdown .links>*{height:44.2px;display:flex;gap:12.5px;align-items:center;padding:0 12.5px;transition:all .2s ease}.profile .dropdown .links>* h3,.profile .dropdown .links>* i{font-size:1.1em;color:#acacaccc}.profile .dropdown .links>*:hover{background-color:#acacac1a}.profile .dropdown .links>*:hover h3,.profile .dropdown .links>*:hover i{color:#acacac}.bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:25px;margin:0;padding:0}.notifications-icon{position:relative;background-color:transparent;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#acacac;font-size:1.5em;font-weight:500;height:40px;width:40px;padding:0;margin:0;border-radius:50%;border:rgba(172,172,172,.5019607843) solid 1px;transition:all .25s;cursor:pointer}#barTitle{flex:1;margin:0;font-size:2em;font-weight:500;color:#acacac;padding-left:auto}.addressSelector{position:relative;display:flex;justify-content:center}.addressSelector .addressElement{position:relative;width:200px;color:#acacacac;display:flex;justify-content:flex-start;align-items:center;padding:0 var(--smallGap);cursor:pointer;transition:all .2s;background-color:var(--mainBack);border-radius:var(--smallGap);padding:var(--smallGap);margin-right:2.5px;text-overflow:ellipsis;line-height:1}.addressSelector .addressElement i{position:absolute;right:var(--smallGap);font-size:1.2em}.addressSelector .addressElement i{color:#acacacac;transition:all .2s}.addressSelector .addressElement:hover,.addressSelector .addressElement:hover i{color:#acacac}.addressSelector .addressElement.green{color:#1db61db3}.addressSelector .addressElement.green:hover{color:#1db61d}.addressSelector .addressElement.notify:after{content:"";position:absolute;left:calc(var(--smallGap) / 1.5);top:calc(var(--smallGap) / 1.5);width:5px;height:5px;background-color:#ff3021;border-radius:50%}.addressSelector .addressElement .addressName{display:flex;flex-direction:column;gap:3px}.addressSelector .addressElement .addressName span{font-size:10.5px}.addressSelector>.addressElement{margin-right:0}.addressSelector>.addressElement:hover{color:#acacac;background-color:#333}.currentAddress{color:#acacacac;text-overflow:ellipsis;position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--smallGap);width:200px;height:19px;border-radius:var(--smallGap);background-color:var(--mainBack);transition:all .2s ease;cursor:pointer}.currentAddress:hover{color:#acacac;background-color:#333}.currentAddress i{position:absolute;right:10px;margin:0;padding:0;font-size:1.2em;color:#acacac}.addressSelector .dropdown{position:absolute;z-index:1;top:100%;opacity:0;filter:blur(2px);background-color:#333;border-radius:var(--mediumGap);transition:all .2s ease-in-out;overflow:hidden;box-shadow:0 0 10px #0001;pointer-events:none}.addressSelector .dropdown.active{top:calc(100% + var(--smallGap));display:block;opacity:1;filter:blur(0);pointer-events:auto}.addressSelector .dropdownWrapper{position:relative}.addressList{position:absolute;width:calc(200px + var(--smallGap) * 2);max-height:calc(387px - var(--mediumGap));padding:var(--smallGap);overflow:hidden;transition:all .2s ease;opacity:0;filter:blur(2px);pointer-events:none;transform:translate(calc(var(--smallGap) * -1));transform:translate(calc(-100% - var(--smallGap)))}.addressListScroll{max-height:calc(387px - var(--mediumGap));display:flex;flex-direction:column;gap:var(--smallGap);margin-right:-9.5px;overflow-y:scroll}.dropdown .address{position:relative;color:#acacacac;display:flex;justify-content:flex-start;align-items:center;padding:0 var(--smallGap);cursor:pointer;transition:all .2s;background-color:var(--mainBack);border-radius:var(--smallGap);padding:var(--smallGap);margin-right:2.5px;text-overflow:ellipsis;line-height:1}.dropdown .address i{font-size:1.2em;margin-left:auto}.dropdown .address i{color:#acacacac;transition:all .2s}.dropdown .address:hover,.dropdown .address:hover i{color:#acacac}.dropdown .address.green{color:#07d407ac}.dropdown .address.green:hover{color:#07d407}.dropdown .address.notify:after{content:"";position:absolute;left:calc(var(--smallGap) / 1.5);top:calc(var(--smallGap) / 1.5);width:5px;height:5px;background-color:#ff2c10ca;border-radius:50%}.adminList{position:absolute;top:0;display:flex;flex-direction:column;gap:var(--smallGap);width:calc(200px + var(--smallGap) * 2);max-height:calc(387px - var(--mediumGap));padding:var(--smallGap);overflow:hidden;transition:all .2s ease;opacity:0;filter:blur(2px);pointer-events:none;transform:translate(var(--smallGap));transform:translate(calc(100% + var(--smallGap)))}.adminList .title{display:flex;justify-content:center;align-items:center;gap:calc(var(--smallGap) / 2)}.adminList .title .backButton{color:#acacacac;cursor:pointer;transition:all .2s ease;padding:var(--smallGap);border-radius:var(--smallGap);background-color:var(--mainBack)}.adminList .title .backButton:hover{color:#acacac}.adminList .title .backButton{color:#acacacac;cursor:pointer;transition:all .2s ease;padding:var(--smallGap);border-radius:var(--smallGap);background-color:var(--mainBack);position:relative;display:flex;justify-content:center;align-items:center;width:calc(41px - var(--smallGap) * 2);height:calc(41px - var(--smallGap) * 2)}.adminList .title .backButton i{position:absolute;transform:translate(-1px);font-size:1.3em;color:#acacacac;transition:all .2s ease}.adminList .title .backButton:hover,.adminList .title .backButton:hover i{color:#acacac}.adminList .title>.addressElement{flex:1;margin-right:0;font-weight:600}.adminList .search{position:relative;display:flex;align-items:center;transition:all .2s ease}.adminList .search input{left:0;background-color:transparent;height:37px;width:calc(100% - var(--smallGap) * 4);color:#acacac;border:none;outline:none;font-size:1em;padding-left:var(--smallGap);padding-right:calc(var(--smallGap) * 3);margin:0;border-radius:var(--smallGap);border:1px solid rgba(172,172,172,.2509803922)}.adminList .search input::placeholder{color:#acacacac}.adminList .search input:focus{color:#acacac}.adminList .search i{position:absolute;right:var(--smallGap);font-size:1.3em;color:#acacacac;pointer-events:none}.adminList .noAssociations{color:#acacacac;padding:calc(var(--smallGap) / 2) var(--smallGap)}.adminList.active,.addressList.active{position:static;opacity:1;filter:blur(0);transform:translate(0)}.adminList.active.open,.addressList.active.open{pointer-events:auto}.associations-details{width:65%;display:flex;flex-direction:column;gap:12.5px}.associations-details .top{display:flex;flex-direction:row;width:100%;gap:12.5px}.associations-details .top .search{position:relative;flex-grow:1;display:flex;align-content:center}.associations-details .top .search>i{position:absolute;left:12.5px;top:50%;transform:translateY(-50%);color:#acacacb3;font-size:1.4em;pointer-events:none}.associations-details .top .search input{flex-grow:1;height:35.5px;padding-left:43.75px;border-radius:12.5px;background-color:#acacac1a;border:1px solid rgba(172,172,172,.2);color:#acacac;transition:all .2s ease;font-size:1.2em;line-height:1.2}.associations-details .top .search input:focus{outline:none;border-color:#acacac66}.associations-details .top .button{display:flex;justify-content:center;align-items:center;padding:12.5px;height:12.5px;width:12.5px;border-radius:12.5px;background-color:#acacac1a;transition:all .2s ease;cursor:pointer}.associations-details .top .button i{color:#acacacb3;font-size:1.2em;transition:all .2s ease}.associations-details .top .button:hover{background-color:#acacac33}.associations-details .top .button:hover i{color:#acacac}.associations-details .collumns{display:flex;flex-direction:row;padding:0 12.5px}.associations-details .collumns>*{width:25%;font-size:.8em}.associations-details .association-list{flex-grow:1;display:flex;flex-direction:column;gap:12.5px}.associations-details .association-list .association{position:relative;display:flex;flex-direction:row;align-items:center;padding:12.5px;border-radius:12.5px;background-color:#171717;cursor:pointer;transition:all .2s ease}.associations-details .association-list .association>h3{font-size:1.2em;width:25%;color:#acacacb3;transition:all .2s ease}.associations-details .association-list .association>h3.green{color:#1db61db3}.associations-details .association-list .association>h3.red{color:#ff3021b3}.associations-details .association-list .association i{font-size:1.4em;position:absolute;right:12.5px;margin-bottom:-2px;color:#acacacb3;transition:all .2s ease}.associations-details .association-list .association:hover{background-color:#1a1a1a}.associations-details .association-list .association:hover h3{color:#acacac}.associations-details .association-list .association:hover h3.green{color:#1db61d}.associations-details .association-list .association:hover h3.red{color:#ff3021}.associations-details .association-list .association:hover i{color:#acacac;transform:rotate(-45deg)}.admin-stats{background-color:var(--mainBack);width:70%;display:flex;gap:25px;padding:25px;border-radius:25px;overflow:hidden}.admin-stats .first{width:340px;display:flex;flex-direction:column;gap:25px;overflow-y:scroll;margin-right:-12px;padding-right:5px}.admin-stats .first .container{display:flex;flex-direction:column;gap:12.5px;border-radius:25px;padding:25px;background-color:#171717;box-sizing:border-box}.admin-stats .first .container.profit,.admin-stats .first .container.closed-months{flex-grow:0;gap:25px}.admin-stats .first .container h3{font-size:1.2em;line-height:1;color:#acacac66;white-space:nowrap}.admin-stats .first .container .up{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:25px}.admin-stats .first .container .up h2{font-size:2.3em;font-weight:600;line-height:1;color:#acacacb3;white-space:nowrap}.admin-stats .first .container .up span{color:#acacac66;white-space:nowrap}.admin-stats .first .container .up .left{flex-grow:1;display:flex;flex-direction:column;gap:6.25px}.admin-stats .first .container .up .chart{height:62.25px;aspect-ratio:1}.admin-stats .first .container .up .chart canvas{width:100%!important;height:100%!important}.admin-stats .first .container .middle{display:flex;flex-direction:row;gap:12.5px;justify-content:space-between;height:min-content}.admin-stats .first .container .middle .left{display:flex;flex-direction:column;gap:12.5px}.admin-stats .first .container .middle .left .stat{display:flex;flex-direction:column;gap:6.25px}.admin-stats .first .container .middle .left .stat h4{color:#acacac66;font-size:.9em}.admin-stats .first .container .middle .left .stat h2{color:#acacacb3;font-size:1.4em}.admin-stats .first .container .middle .bar-stat{height:calc(8.05em + 25px);display:flex;flex-direction:column;width:50px;width:62.25px;border-radius:12.5px;overflow:hidden;background-color:#1b303066}.admin-stats .first .container .middle .bar-stat .progress{width:100%;box-shadow:0 0 20px 10px #0000001a;border-radius:12.5px 12.5px 0 0;margin-top:-12.5px}.admin-stats .first .container .middle .bar-stat .progress#a{background-color:#0f314c}.admin-stats .first .container .middle .bar-stat .progress#b{background-color:#144e5e}.admin-stats .first .container .middle .bar-stat .progress#c{background-color:#2d9596}.admin-stats .first .container .down{display:flex;flex-direction:column;gap:5px}.admin-stats .first .container .down h3{color:#acacac66}.admin-stats .first .container .down .text{display:flex;flex-direction:row;gap:12.5px;align-items:center;justify-content:space-between}.admin-stats .first .container .down .text h3{font-size:.8em;color:#acacac66}.admin-stats .first .container .down .bar{height:7px;background-color:#2d959633;border-radius:10px;position:relative;overflow:hidden}.admin-stats .first .container .down .bar .progress{height:100%;background-color:#2d9596;border-radius:10px;transition:all .2s ease}.halfChart{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.halfChartText{width:75%;height:150%;border-radius:50%;background:#343434;display:flex;justify-content:center;transform:translateY(-50%);transition:all .25s}.bank{background-color:#252525;display:flex;flex-direction:column;padding:25px 25px 0;border-radius:25px;position:relative;justify-content:start;gap:var(--largeGap);transition:all .2s ease}.bank .button{position:absolute;top:calc(var(--smallGap) * 2);right:calc(var(--smallGap) * 2);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:calc(var(--smallGap) / 3.5) calc(var(--smallGap) / 1.75);border-radius:8px;cursor:pointer;transition:all .2s ease;border:rgba(172,172,172,.3) solid 1px;background-color:transparent;font-size:.8em;font-weight:400;color:#acacace6}.bank .button i{font-size:1.1em;color:#acacace6;transition:all .2s ease}.bank .button:hover{border-color:#acacacb3;color:#acacac}.bank .button:hover i{color:#acacac;transform:rotate(-45deg)}.bank .square{width:50px;height:50px}.bank .square#a{background-color:#9ad0c2}.bank .square#b{background-color:#2d9596}.bank .square#c{background-color:#144e5e}.bank .square#d{background-color:#0f314c}.bank .square#e{background-color:#041f35}@keyframes show{0%{transform:translateY(120%)}to{transform:translateY(0)}}@keyframes showBack{0%{background-color:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes hide{0%{transform:translateY(0)}to{transform:translateY(120%)}}@keyframes hideBack{0%{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}to{background-color:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.modal{border:none;outline:none;box-sizing:border-box;padding:0;background-color:transparent}.modal[open]{-webkit-animation:show .5s ease normal;animation:show .5s ease normal}.modal[open]::backdrop{-webkit-animation:showBack .5s ease normal;animation:showBack .5s ease normal}.modal.isClosing{-webkit-animation:hide .5s ease normal;animation:hide .5s ease normal}.modal.isClosing::backdrop{-webkit-animation:hideBack .5s ease normal;animation:hideBack .5s ease normal}.modal::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal .modal-content{height:calc(100vh - 150px);width:calc(100vw - 150px);box-sizing:border-box;display:flex;padding:25px;border-radius:25px;background-color:#171717;transition:all .2s ease}@keyframes small-show{0%{opacity:0;filter:blur(5px);transform:scale(.8)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes small-hide{0%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(5px);transform:scale(.8)}}.small-modal{border:none;outline:none;box-sizing:border-box;padding:0;background-color:transparent}.small-modal[open]{-webkit-animation:small-show .3s ease normal;animation:small-show .3s ease normal}.small-modal[open]::backdrop{-webkit-animation:showBack .3s ease normal;animation:showBack .3s ease normal}.small-modal.isClosing{-webkit-animation:small-hide .3s ease normal;animation:small-hide .3s ease normal}.small-modal.isClosing::backdrop{-webkit-animation:hideBack .3s ease normal;animation:hideBack .3s ease normal}.small-modal::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.small-modal .modal-content{box-sizing:border-box;display:flex;padding:25px;border-radius:25px;background-color:#252525;transition:all .2s ease}.cash-modal{display:flex;gap:25px}.cash-modal .cash-expenses{display:flex;flex-direction:column;gap:12.5px;width:300px}.cash-modal .cash-expenses .header{width:100%;display:flex;flex-direction:row;align-items:center;gap:12.5px}.cash-modal .cash-expenses .header .date-picker{height:100%;flex-grow:1}.cash-modal .cash-expenses .header .date-picker .selected-date{height:100%;display:flex;align-items:center;gap:12.5px;background-color:#171717;border-radius:12.5px;padding:0 12.5px}.cash-modal .cash-expenses .header button{display:flex;justify-content:center;align-items:center;border-radius:12.5px;background-color:transparent;border:2px solid rgba(172,172,172,.3);transition:all .2s ease;cursor:pointer}.cash-modal .cash-expenses .header button i{font-size:1.8em;color:#acacacb3;transition:all .2s ease}.cash-modal .cash-expenses .header button h3{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.4em;line-height:1;font-weight:500;color:#acacacb3;transition:all .2s ease}.cash-modal .cash-expenses .header button:hover{background-color:#acacac1a}.cash-modal .cash-expenses .header button:hover i,.cash-modal .cash-expenses .header button:hover h3{color:#acacac}.cash-modal .cash-expenses .header .new-payment{padding:8.5px}.cash-modal .cash-expenses .header .close-button{height:100%;aspect-ratio:1;background-color:transparent}.cash-modal .cash-expenses .header .close-button i{margin:-5px}.cash-modal .cash-expenses .expenses-list{display:flex;flex-direction:column;gap:12.5px}.cash-modal .cash-expenses .expenses-list .expense{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12.5px;padding:12.5px;border-radius:12.5px;background-color:#171717;transition:all .2s ease;cursor:pointer}.cash-modal .cash-expenses .expenses-list .expense i{position:absolute;opacity:0;right:-5px;margin-top:2px;font-size:1.4em;color:#acacacb3;transition:all .2s ease}.cash-modal .cash-expenses .expenses-list .expense h3{font-size:1.2em;line-height:1;padding:10px 0;margin:-10px 0;color:#acacacb3;transition:all .2s ease}.cash-modal .cash-expenses .expenses-list .expense:hover{background-color:#1a1a1a;padding-right:28px}.cash-modal .cash-expenses .expenses-list .expense:hover h3{color:#acacac}.cash-modal .cash-expenses .expenses-list .expense:hover i{opacity:1;right:6.25px;color:#acacac}.cash-modal .cash-expenses .total{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:5px}.cash-modal .cash-expenses .total h3{font-size:1.2em;line-height:1;color:#acacacb3;transition:all .2s ease}.cash-modal .cash-expenses .total h3:first-child{color:#acacac66}.cash{flex-grow:1;position:relative;background-color:#252525;height:60%;display:flex;flex-direction:column;gap:12.5px;padding:25px;border-radius:25px;overflow:hidden}.cash .search{position:relative;display:flex}.cash .search>i{position:absolute;left:12.5px;top:50%;transform:translateY(-50%);color:#acacacb3;font-size:1.4em;pointer-events:none}.cash .search input{flex-grow:1;height:35.5px;padding-left:43.75px;border-radius:12.5px;background-color:#acacac1a;border:1px solid rgba(172,172,172,.2);color:#acacac;transition:all .2s ease;font-size:1.2em;line-height:1.2}.cash .search input:focus{outline:none;border-color:#acacac66}.cash .search.hide{display:none}.cash .title{display:flex;flex-direction:row;align-items:center;gap:12.5px}.cash .employee-list{flex-grow:1;display:flex;flex-direction:column;gap:12.5px;overflow-y:scroll;padding-right:5px;margin-right:-12px}.cash .employee-list .employee{display:flex;flex-direction:row;align-items:center;gap:12.5px;padding:12.5px;border-radius:12.5px;background-color:#171717;transition:all .2s ease;cursor:pointer}.cash .employee-list .employee h3{font-size:1.2em;color:#acacacb3;transition:all .2s ease;text-overflow:ellipsis}.cash .employee-list .employee h3.green{color:#1db61db3}.cash .employee-list .employee h3.red{color:#ff3021b3}.cash .employee-list .employee h3.name{margin-right:auto}.cash .employee-list .employee i{font-size:1.4em;right:12.5px;margin:-10px 0;color:#acacacb3;transition:all .2s ease}.cash .employee-list .employee:hover{background-color:#1a1a1a}.cash .employee-list .employee:hover h3{color:#acacac}.cash .employee-list .employee:hover h3.green{color:#1db61d}.cash .employee-list .employee:hover h3.red{color:#ff3021}.cash .employee-list .employee:hover i{color:#acacac;transform:rotate(-45deg)}.home-admin{width:100%;display:flex;flex-direction:row;flex:1;gap:25px;color:#acacac}.home-admin>.right{width:30%;display:flex;flex-direction:column;gap:25px}.raports-expenses{height:100%;display:flex;flex-direction:column;gap:12.5px;overflow-y:scroll;margin-right:-12px;padding-right:5px}.raports-expenses .expenses-list{display:flex;flex-direction:column;border:2px solid rgba(172,172,172,.2);border-radius:14.5px}.raports-expenses .expenses-list .expense{height:44.2px;display:flex;gap:6.25px;align-items:center;padding:0 12.5px;color:#acacac;transition:all .2s ease}.raports-expenses .expenses-list .expense.header{background-color:#acacac1a;border-bottom:2px solid rgba(172,172,172,.1);height:42.2px}.raports-expenses .expenses-list .expense.header h3{font-weight:600;color:#acacac!important}.raports-expenses .expenses-list .expense.odd{background-color:#acacac0d}.raports-expenses .expenses-list .expense:first-child{border-top-left-radius:12.5px;border-top-right-radius:12.5px}.raports-expenses .expenses-list .expense:last-child{border-bottom-left-radius:12.5px;border-bottom-right-radius:12.5px}.raports-expenses .expenses-list .expense .field{flex:1;display:flex;align-items:center;gap:6.25px;overflow:hidden}.raports-expenses .expenses-list .expense .field.overflow{overflow:visible}.raports-expenses .expenses-list .expense .field h3{font-size:1.2em;font-weight:500;line-height:1;padding:10px 2px;margin:-10px 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .2s ease;color:#acacacb3}.raports-expenses .expenses-list .expense .field .type{height:23px;aspect-ratio:1;margin-left:6.25px}.raports-expenses .expenses-list .expense .field .type img{filter:invert(.6);width:100%;height:100%;object-fit:contain}.raports-expenses .expenses-list .expense .field input{width:100%;max-width:110px;height:29.16px;padding:0 5px;border:none;border-bottom:1px solid rgba(172,172,172,.2);background-color:transparent;color:#acacacb3;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.2em;font-weight:500;transition:all .2s ease}.raports-expenses .expenses-list .expense .field input:focus{border-color:#acacac99;outline:none}.raports-expenses .expenses-list .expense .selector{position:relative}.raports-expenses .expenses-list .expense .selector .dropdown{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;border:1px solid rgba(172,172,172,.2);border-radius:12.5px;background-color:#171717;color:#acacac;z-index:1;transition:all .2s ease;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none}.raports-expenses .expenses-list .expense .selector .dropdown.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.raports-expenses .expenses-list .expense .selector .dropdown .option{padding:5px 10px;transition:all .2s ease;cursor:pointer}.raports-expenses .expenses-list .expense .selector .dropdown .option:hover{background-color:#acacac1a}.raports-expenses .expenses-list .expense .add{display:flex;justify-content:center;align-items:center;height:calc(66% - 4px);aspect-ratio:1;margin-right:-6.25px;background-color:#acacac0d;border-radius:7.1428571429px;transition:all .2s ease;border:2px solid rgba(172,172,172,.2);cursor:pointer}.raports-expenses .expenses-list .expense .add h4,.raports-expenses .expenses-list .expense .add i{font-size:1.4em;color:#acacacb3;margin-top:1px}.raports-expenses .expenses-list .expense .add h4{margin-top:-3px}.raports-expenses .expenses-list .expense .add:hover{background-color:#acacac33;border-color:#acacac66}.raports-expenses .expenses-list .expense .add:hover h4,.raports-expenses .expenses-list .expense .add:hover i{color:#acacac}.apartments-selector{position:relative;width:100%;padding-right:5px;margin:0}.apartments-selector .cell{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2.5px 0;border:1px solid transparent;border-radius:8.3333333333px;transition:all .2s ease;box-sizing:border-box}.apartments-selector .cell:hover{background-color:#acacac0d;border-color:#acacac33;cursor:pointer}.apartments-selector .cell.open{background-color:#acacac0d;border-color:#acacac33}.apartments-selector .dropdown{width:calc(100% - 2.25px);position:absolute;top:calc(100% + 15.625px);display:flex;flex-direction:column;background-color:#252525;margin:-8.25px;padding:6.25px;border:1px solid rgba(172,172,172,.2);border-radius:17.625px;color:#acacac;z-index:1;-webkit-user-select:none;user-select:none;transition:all .2s ease;overflow:hidden}.apartments-selector .dropdown.closed{transform:translateY(-12.5px);pointer-events:none;filter:blur(2px);opacity:0}.apartments-selector .dropdown .switch{position:relative;display:flex;align-items:center;justify-content:center;border-radius:12.5px;background-color:#171717}.apartments-selector .dropdown .switch .item{z-index:2;width:50%;min-height:39.5px;display:flex;align-items:center;justify-content:center;padding:0 12.5px;cursor:pointer;overflow:hidden;text-overflow:".";white-space:nowrap;transition:all .2s ease;box-sizing:border-box}.apartments-selector .dropdown .switch .item h3{color:#acacacb3;font-size:1.2rem;font-weight:500;transition:all .2s ease;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.apartments-selector .dropdown .switch .item:hover h3{color:#acacac}.apartments-selector .dropdown .switch .background{z-index:1;position:absolute;left:3px;top:3px;width:calc(50% - 6.25px);height:calc(100% - 6px);background-color:#252525;border-radius:9.5px;transition:all .3s ease;pointer-events:none}.apartments-selector .dropdown .switch .background.right{transform:translate(calc(100% + 6.25px))}.apartments-selector .dropdown .scroll-button{margin:0;padding:0;display:grid;grid-template-rows:0fr;overflow:hidden;cursor:pointer;transition:all .3s ease}.apartments-selector .dropdown .scroll-button.active{padding-top:6.25px;grid-template-rows:.5fr}.apartments-selector .dropdown .scroll-button .inner{padding:0;min-height:0;width:100%;height:9999%;display:flex;justify-content:center}.apartments-selector .dropdown .scroll-button i{font-size:1.5rem;line-height:1;color:#acacacb3;transition:all .2s ease;transform:translateY(-.375rem)}.apartments-selector .dropdown .content{overflow:hidden;position:relative;transition:all .3s ease}.apartments-selector .dropdown .content .groups-ap{padding-top:6.25px;position:static;width:100%;display:flex;flex-direction:column;gap:6.25px;transition:all .3s ease}.apartments-selector .dropdown .content .groups-ap.closed{position:absolute;top:0;right:0;transform:translate(calc((100% + 7.25px)*-1));pointer-events:none;filter:blur(2px);opacity:0}.apartments-selector .dropdown .content .groups-ap .group-ap{display:flex;justify-content:space-between;align-items:center;padding:6.3333333333px 10.5px;border:2px solid #171717;border-radius:12.5px;background-color:#171717;transition:all .2s ease;cursor:pointer}.apartments-selector .dropdown .content .groups-ap .group-ap.selected{border:2px solid rgba(172,172,172,.3)}.apartments-selector .dropdown .content .groups-ap .group-ap.selected h3{color:#acacac}.apartments-selector .dropdown .content .groups-ap .group-ap.selected:hover{background-color:transparent;border-color:#acacac66}.apartments-selector .dropdown .content .groups-ap .group-ap:hover h3{color:#acacac}.apartments-selector .dropdown .content .groups-ap .group-ap h3{margin:0;padding:0}.apartments-selector .dropdown .content .individuals-ap{padding-top:6.25px;position:static;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6.25px;transition:all .3s ease}.apartments-selector .dropdown .content .individuals-ap.closed{position:absolute;top:0;right:0;transform:translate(calc(100% + 7.25px));pointer-events:none;filter:blur(2px);opacity:0}.apartments-selector .dropdown .content .individuals-ap .individual-ap{display:flex;align-items:center;justify-content:center;padding:6.3333333333px 10.5px;border:2px solid #171717;border-radius:12.5px;background-color:#171717;transition:all .2s ease;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apartments-selector .dropdown .content .individuals-ap .individual-ap.selected{border:2px solid rgba(172,172,172,.3)}.apartments-selector .dropdown .content .individuals-ap .individual-ap.selected h3{color:#acacac}.apartments-selector .dropdown .content .individuals-ap .individual-ap.selected:hover{background-color:transparent;border-color:#acacac66}.apartments-selector .dropdown .content .individuals-ap .individual-ap:hover h3{color:#acacac}.apartments-selector .dropdown .content .individuals-ap .individual-ap h3{margin:0;padding:0}.raports{background-color:var(--mainBack);width:70%;display:flex;flex-direction:column;gap:25px;padding:25px;border-radius:25px}.raports .top{display:flex;justify-content:space-between}.raports .top .select{position:relative;width:35%;min-width:110px;max-width:140px}.raports .top .select h3{margin:0;padding:0;font-size:1.2em;line-height:1;color:#acacacb3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .2s ease}.raports .top .select .selected{display:flex;align-items:center;justify-content:space-between;height:37.5px;padding:0 12.5px;border-radius:12.5px;background-color:#acacac1a;border:1px solid rgba(172,172,172,.2);color:#acacac;transition:all .2s ease;cursor:pointer}.raports .top .select .selected i{font-size:1.4em;color:#acacacb3;margin-right:-5px;margin-bottom:-2px;transition:all .2s ease}.raports .top .select .selected:hover{background-color:#acacac33}.raports .top .select .selected:hover i,.raports .top .select .selected:hover h3{color:#acacac}.raports .top .select .dropdown{position:absolute;display:flex;flex-direction:column;gap:6.25px;width:100%;padding:6.25px;top:100%;left:-7.25px;z-index:100;background-color:#252525;border-radius:18.75px;border:1px solid rgba(172,172,172,.2);color:#acacac;overflow:hidden;transition:all .2s ease;opacity:0;pointer-events:none}.raports .top .select .dropdown .item{display:flex;align-items:center;height:35.5px;padding:0 12.5px;border-radius:12.5px;border:1px solid rgba(172,172,172,.2);background-color:#acacac1a;cursor:pointer;transition:all .2s ease}.raports .top .select .dropdown .item:hover{background-color:#acacac33}.raports .top .select .dropdown .item:hover h3{color:#acacac}.raports .top .select .dropdown.open{opacity:1;pointer-events:all;top:calc(100% + 6.25px)}.raports .top .switch{width:222px;position:relative;display:flex;align-items:center;justify-content:center;height:39.5px;border-radius:12.5px;overflow:hidden;background-color:#171717}.raports .top .switch .item{z-index:2;width:110px;height:100%;display:flex;justify-content:center;align-items:center;padding:0 12.5px;cursor:pointer}.raports .top .switch .item h3{color:#acacacb3;font-size:1.2rem;font-weight:500;transition:all .2s ease}.raports .top .switch .item:hover h3{color:#acacac}.raports .top .switch .background{z-index:1;position:absolute;left:3px;top:3px;width:calc(50% - 4px);height:calc(100% - 6px);background-color:#252525;border-radius:9.5px;transition:all .2s ease;pointer-events:none}.raports .top .switch .background.right{transform:translate(calc(100% + 2px))}.raports .top .buttons{display:flex;gap:12.5px}.raports .top .buttons .button{display:flex;align-items:center;justify-content:center;height:37.5px;padding:0 12.5px;border-radius:12.5px;border:1px solid rgba(172,172,172,.2);background-color:#acacac1a;color:#acacacb3;cursor:pointer;transition:all .2s ease}.raports .top .buttons .button.elipsis{aspect-ratio:1;width:37.5px;padding:0}.raports .top .buttons .button.elipsis h3{font-size:1.6em;margin-top:-5px}.raports .top .buttons .button h3{font-size:1.2rem;line-height:1;color:#acacacb3;transition:all .2s ease;margin-top:1px}.raports .top .buttons .button:hover{background-color:#acacac1a;color:#acacac}.raports .top .buttons .button:hover h3{color:#acacac}.stats{height:30%;display:flex;flex-direction:column;gap:var(--mediumGap);padding:var(--mediumGap);border-radius:var(--mediumGap);background-color:var(--mainBack)}.individuals{flex-grow:1;display:flex;flex-direction:column;gap:12.5px;padding:25px;border-radius:25px;background-color:#252525;overflow:hidden}.individuals .top{display:flex;flex-direction:row;gap:12.5px}.individuals .top .search{position:relative;display:flex;width:65%}.individuals .top .search>i{position:absolute;left:12.5px;top:50%;transform:translateY(-50%);color:#acacacb3;font-size:1.4em;pointer-events:none}.individuals .top .search input{width:100%;height:35.5px;padding-left:43.75px;border-radius:12.5px;background-color:#acacac1a;border:1px solid rgba(172,172,172,.2);color:#acacac;transition:all .2s ease;font-size:1.2em;line-height:1.2}.individuals .top .search input:focus{outline:none;border-color:#acacac66}.individuals .top .search.hide{display:none}.individuals .top .select{position:relative;width:35%;min-width:110px}.individuals .top .select h3{margin:0;padding:0;font-size:1.2em;line-height:1;color:#acacacb3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .2s ease}.individuals .top .select .selected{display:flex;align-items:center;justify-content:space-between;height:37.5px;padding:0 12.5px;border-radius:12.5px;background-color:#acacac1a;border:1px solid rgba(172,172,172,.2);color:#acacac;transition:all .2s ease;cursor:pointer}.individuals .top .select .selected i{font-size:1.4em;color:#acacacb3;margin-right:-5px;margin-bottom:-2px;transition:all .2s ease}.individuals .top .select .selected:hover{background-color:#acacac33}.individuals .top .select .selected:hover i,.individuals .top .select .selected:hover h3{color:#acacac}.individuals .top .select .dropdown{position:absolute;display:flex;flex-direction:column;gap:6.25px;width:100%;padding:6.25px;top:100%;left:-7.25px;z-index:100;background-color:#252525;border-radius:18.75px;border:1px solid rgba(172,172,172,.2);color:#acacac;overflow:hidden;transition:all .2s ease;opacity:0;pointer-events:none}.individuals .top .select .dropdown .item{display:flex;align-items:center;height:35.5px;padding:0 12.5px;border-radius:12.5px;border:1px solid rgba(172,172,172,.2);background-color:#acacac1a;cursor:pointer;transition:all .2s ease}.individuals .top .select .dropdown .item:hover{background-color:#acacac33}.individuals .top .select .dropdown .item:hover h3{color:#acacac}.individuals .top .select .dropdown.open{opacity:1;pointer-events:all;top:calc(100% + 6.25px)}.individuals .list{flex-grow:1;display:flex;flex-direction:column;gap:12.5px;overflow-y:scroll;padding-right:5px;margin-right:-12.5px}.individuals .list .apartment{display:flex;flex-direction:row;align-items:center;gap:12.5px;padding:12.5px;border-radius:12.5px;background-color:#171717;transition:all .2s ease;cursor:pointer}.individuals .list .apartment h3{font-size:1.2em;color:#acacacb3;transition:all .2s ease;text-overflow:ellipsis}.individuals .list .apartment h3.green{color:#1db61db3}.individuals .list .apartment h3.red{color:#ff3021b3}.individuals .list .apartment h3.name{margin-right:auto}.individuals .list .apartment i{font-size:1.4em;right:12.5px;margin:-10px 0;color:#acacacb3;transition:all .2s ease}.individuals .list .apartment:hover{background-color:#1a1a1a}.individuals .list .apartment:hover h3{color:#acacac}.individuals .list .apartment:hover h3.green{color:#1db61d}.individuals .list .apartment:hover h3.red{color:#ff3021}.individuals .list .apartment:hover i{color:#acacac;transform:rotate(-45deg)}.right{width:30%;display:flex;flex-direction:column;gap:var(--mediumGap)}.barChart{width:100%;height:100%}.totalText{position:absolute;top:-50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px}.totalText span{margin:0;padding:0;font-size:1rem;font-weight:400}.totalText h4{color:#acacac;line-height:100%;margin:0;padding:0;font-size:3rem;font-weight:500}.halfChartChild{position:absolute;bottom:-25%;display:flex;justify-content:center;height:50%;width:100%}.halfChart .inactive{width:25%;height:50%}.halfChartTextChild{position:absolute;width:60%;height:25%;visibility:hidden;margin-top:20%}.halfChartTextChildChild{color:#f5f5f5;width:100%;height:100%;background:#0002;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.halfChartTextChildChild h4{margin:0;padding:0;font-size:1rem;font-weight:400}.expenses{background-color:var(--mainBack);width:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--mediumGap);padding:var(--mediumGap)}.graphMenu{position:relative;flex:1;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:0 0 var(--mediumGap) 0;align-items:start}.graphMenu .range{position:absolute;top:-3px;right:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px}.range h3{padding:7px;border-radius:7px;cursor:pointer;transition:all .2s ease}.range h3.active{background-color:#acacac20}.meter{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--smallGap);width:100%;box-sizing:border-box;padding:calc(var(--smallGap));background-color:var(--darkBack);border-radius:var(--smallGap)}.meter>label{height:37px;display:flex;flex-direction:column;justify-content:space-between;font:500 1em Roboto,sans-serif;color:#acacac}.meter>label.noLocation{justify-content:center}.meter>label span{margin:0;padding:0;font-size:.7em;font-weight:500;color:#acacac80}.meter .metersFieldInput{position:relative;display:flex;flex-direction:row;align-items:center;height:100%}.meter .metersFieldInput input{width:calc(100px - 1 * var(--smallGap));height:calc(100% - 4px);background-color:transparent;font:500 1em Roboto,sans-serif;color:#acacac;padding:0 0 0 var(--smallGap);margin:0;border:2px solid rgba(172,172,172,.2509803922);border-radius:calc(var(--smallGap) / 2);outline:none}.meter .metersFieldInput .placeholder-label{position:absolute;left:11.5px;top:50%;transform:translateY(calc(-50% - .5px));background-color:#171717;transition:all .2s ease;padding:0 3px;pointer-events:none;color:#acacac80;font-size:1em;font-weight:500;line-height:1;box-shadow:0 0 2px 1px #171717}.meter .metersFieldInput input:focus~.placeholder-label,.meter .metersFieldInput input.not-empty~.placeholder-label{top:0;transform:translateY(-50%);font-size:.7em}.meters{background-color:var(--mainBack);flex:1;width:100%;border-radius:var(--mediumGap);display:flex;flex-direction:column;justify-content:space-between;gap:12.5px;padding:25px;box-sizing:border-box;overflow:hidden}.meters i{font-size:1.4em}.meters .metersTitle{color:#acacac;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.meters .metersTitle button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:calc(var(--smallGap) / 2) calc(var(--smallGap));border-radius:var(--smallGap);cursor:pointer;transition:all .2s ease;border:rgb(154,208,194) solid 2px;background-color:#144e5e;font-size:1em;font-weight:600;color:#eee}.meters .metersTitle button i{font-size:1.2em;color:#eee;transition:all .2s ease}.meters .metersTitle button:hover{background-color:#eee;color:#144e5e;border-color:#9ad0c2}.meters .metersTitle button:hover i{color:#144e5e}.meters .metersList{width:calc(100% + 7px);flex-grow:1;display:flex;flex-direction:column;gap:12.5px;overflow-y:scroll;padding-right:5px;margin-right:-12px}.home .right{width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mediumGap)}.totalToPay{background-color:var(--mainBack);width:100%;border-radius:var(--mediumGap);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--mediumGap);padding:var(--mediumGap);box-sizing:border-box;padding-bottom:0;overflow:hidden;position:relative;justify-content:start;gap:var(--largeGap);transition:all .2s ease}.totalToPay .totalToPayTitle{color:#acacac;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:start}.totalToPay .totalToPayTitle .totalToPayButton{position:absolute;top:25px;right:25px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:calc(var(--smallGap) / 2) calc(var(--smallGap));border-radius:var(--smallGap);cursor:pointer;transition:all .2s ease;border:rgb(154,208,194) solid 2px;background-color:#144e5e;font-size:1em;font-weight:600;color:#eee}.totalToPay .totalToPayTitle .totalToPayButton i{font-size:1.2em;color:#eee;transition:all .2s ease}.totalToPay .totalToPayTitle .totalToPayButton:hover{background-color:#eee;color:#144e5e;border-color:#9ad0c2}.totalToPay .totalToPayTitle .totalToPayButton:hover i{color:#144e5e;transform:rotate(-45deg)}.totalToPayValue{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--mediumGap);width:100%;height:calc(50% - var(--mediumGap) * 1)}.halfChatText{position:absolute;top:30%;left:12.5%;width:75%;height:75%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font:2.3em Roboto,sans-serif;font-weight:600;color:#acacac;pointer-events:none}.halfChatText span{font-size:.5em;font-weight:400}.invoiceChart{position:relative;width:100%}.chartText{position:absolute;top:12.5%;left:12.5%;width:75%;height:75%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font:2.5em Roboto,sans-serif;font-weight:600;color:#acacac}.chartText span{font-size:.5em;font-weight:400}.generalDetails{height:100%;width:300px;display:flex;flex-direction:column;gap:var(--mediumGap)}.table{color:#acacac;width:100%;display:flex;flex-direction:column;border-radius:var(--smallGap)}.table .row{display:flex;flex-direction:row;padding:var(--smallGap) 0}.table .row.even{background-color:#ffffff05}.table .row:first-child{background-color:#ffffff10}.table .row:last-child{border-radius:0 0 var(--smallGap) var(--smallGap);background-color:#ffffff10}.table .row .cell{width:50%;display:flex;flex-direction:row;align-items:center;padding-right:var(--smallGap)}.table .row .cell.first{width:75%;padding-left:var(--smallGap)}.table .row .cell.second{width:75%}.table .row .cell.last{justify-content:flex-end}.table .row .title{padding:0 var(--smallGap);font-weight:600}.table .row .value{padding:0 var(--smallGap) 0 0;font-weight:300}.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:var(--smallGap)}.grid .cell{display:flex;flex-direction:column;justify-content:space-between;gap:2px;color:#acacac;font-size:1.1em;font-weight:600;line-height:100%}.grid .cell span{font-size:.7em;font-weight:400;line-height:100%}.generalDetails .status{height:100%;width:fit-content;font-size:.6em;font-weight:700;line-height:100%;margin:auto 0}.generalDetails .status .green{padding:.25em .5em;border-radius:50px;background-color:#56f000;color:#000}.generalDetails .status .orange{padding:.25em .5em;border-radius:50px;background-color:#ffb302;color:#000}.generalDetails .status .red{padding:.25em .5em;border-radius:50px;background-color:#ff3838;color:#fff}.paymentDetails{height:100%;flex:1}.table .header{font-weight:600;color:#acacaca0;border-radius:var(--smallGap) var(--smallGap) 0 0}.subsectionTitle{color:#acacac;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.subsectionContent{width:100%;display:flex;flex-direction:column;gap:var(--smallGap)}.dateContent{height:100%;overflow-y:scroll}.year{width:calc(100% - 5px);display:flex;flex-direction:column;padding:0;margin:0;background-color:var(--darkBack);border-radius:var(--smallGap)}.year h3,.year i{align-items:center;text-justify:center;margin:0;font-size:1.2em;font-weight:500;color:#acacac;line-height:100%;border-radius:var(--smallGap);background-color:var(--darkBack);z-index:2}.yearTitle{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--smallGap) var(--smallGap) var(--smallGap) var(--smallGap)}.months{width:100%;position:relative;color:#acacac;translate:translateY(calc(100% - var(--smallGap)));display:flex;flex-direction:column;overflow:hidden;transition:all .25s ease;z-index:1;border-radius:0 0 var(--smallGap) var(--smallGap)}.months.inactive{max-height:var(--smallGap)}.month{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--smallGap) var(--smallGap) var(--smallGap) calc(var(--smallGap) - 3px);cursor:pointer;transition:all .25s ease;border-left:transparent solid 3px}.month.selected{border-left:var(--mainColor) solid 3px}.month:hover{background-color:#525252}.searchBar{width:calc(100% - 12px);height:40px;display:flex;flex-direction:row;align-items:center;border-radius:var(--smallGap);border:rgba(172,172,172,.2509803922) solid 1px;color:#acacac;padding:0 var(--smallGap);box-sizing:border-box}.searchBar input{flex:1;background-color:transparent;border:none;color:#acacac;font-size:1em;font-weight:500;outline:none}.searchBar i{font-size:1.2em;color:#acacac}.conversations{flex:1;display:flex;flex-direction:column;gap:var(--smallGap);overflow-y:scroll}.conversation{width:calc(100% - 5px);display:flex;flex-direction:row;box-sizing:border-box;border-radius:100px 50px 50px 100px;cursor:pointer}.conversation:hover{background-color:#ffffff10}.conversation img{width:50px;height:50px;border-radius:50%}.conversation .info{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 var(--smallGap)}.conversation .info .name{color:#acacac;display:flex;flex-direction:row;justify-content:space-between;align-items:end}.name .address{font-size:.8em;font-weight:400;color:#acacac80}.conversation .info .lastMessage{font-size:.8em;font-weight:400;color:#acacac80;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.lastMessage .date{font-size:1em}.chatHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.chatHeader .info{display:flex;flex-direction:row;align-items:center;color:#acacac;font-size:.8m;font-weight:400}.chatHeader .info img{width:50px;height:50px;border-radius:50%;margin-right:var(--smallGap)}.chatHeader .actions{font-size:1.2em;color:#acacac;display:flex;flex-direction:row;gap:var(--smallGap)}.messages{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--smallGap);overflow-y:scroll}.chatFooter{display:flex;flex-direction:row;align-items:center;gap:var(--smallGap)}.chatFooter i{font-size:1.2em;color:#acacac}.chatInput{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;border-radius:var(--smallGap);border:rgba(172,172,172,.2509803922) solid 1px;color:#acacac;padding:0 var(--smallGap);box-sizing:border-box}.chatInput input{flex:1;background-color:transparent;border:none;color:#acacac;font-size:1em;font-weight:500;outline:none}.chatInput i{font-size:1.2em;color:#acacac}.messageContainer{width:100%;gap:var(--smallGap);display:flex;flex-direction:row;align-items:center}.messageContainer .message{padding:calc(var(--smallGap) / 2) var(--smallGap);border-radius:50px;width:fit-content;background-color:#fff1;color:#acacac;text-align:center}.messageContainer.sent{justify-content:flex-end}.messageContainer.sent .message{background-color:var(--darkColor);color:#ddd;order:2}.messageContainer.received{justify-content:flex-start}.messageContainer .time{font-size:.8em;font-weight:400;color:#acacac80}.inputElement{background-color:#acacac07;background-color:#acacac00;border:1px solid rgba(172,172,172,0);border-radius:calc(var(--smallGap) / 2);padding:calc(var(--smallGap) / 2 + 1px);margin:calc(var(--smallGap) / 2 * -1);transition:all .2s ease;width:100%;height:100%;color:#acacac;font-size:1em;font-weight:100}select.inputElement{height:200%;padding:0;cursor:pointer}.inputElement:hover{border:1px solid rgba(172,172,172,.2509803922);background-color:#2b2b2b}.inputElement:focus{outline:none;border:1px solid rgba(172,172,172,.5019607843);background-color:#2b2b2b}.cheltuieli{display:flex;flex-direction:column;border:1px solid rgba(172,172,172,.062745098);border-radius:var(--smallGap);overflow:hidden}.cheltuiala{display:flex;flex-direction:row;align-items:center;gap:var(--mediumGap);padding:var(--smallGap)}.cheltuiala.colored{background-color:#2b2b2b80;background-color:#acacac07;background-color:#acacac10}.headerCheltuilei{background-color:#2b2b2b;background-color:#acacac07;background-color:#acacac10}.cheltuiala .element{flex:1;height:15px;display:flex;align-items:center}.cheltuiala>*:last-child{flex:0}.cheltuiala button{background-color:#2b2b2b00;color:#acacac;border:1px solid rgba(172,172,172,0);border-radius:calc(var(--smallGap) / 2);padding:calc(var(--smallGap) / 4 - 1px);margin:calc(var(--smallGap) / 2 * -1);box-sizing:border-box;cursor:pointer;transition:all .2s ease;font-size:1em;font-weight:400;line-height:1}.cheltuiala button i{transition:all .2s ease}.cheltuiala button:hover i{color:#acacac}.cheltuiala button:hover{background-color:#acacac20}.cheltuiala button .icon{width:25px;height:25px;display:flex;justify-content:center;align-items:center}.cheltuiala h6{margin:0 0 0 1px;padding:0;font-size:.9em;font-weight:700;color:#acacac80;line-height:1}.indexes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:44.6px;gap:var(--smallGap)}.indexes .index{height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--smallGap);border:1px solid rgba(172,172,172,.062745098);border-radius:var(--smallGap);overflow:hidden;background-color:#2b2b2b}.indexes .index .indexHeader{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--smallGap);background-color:#2b2b2b}.indexes .index h3{color:#acacac;font-size:1em;line-height:1;font-weight:400}.indexes .index h5{color:#acacac;font-size:.9em;font-weight:300;line-height:1;margin:0}.indexes .index .indexHeader .icon{display:flex;align-items:center;justify-content:center}.contorBox{height:1em;display:flex;flex-direction:row;align-items:center;margin-left:auto}button.addContor{height:100%;display:flex;align-items:center;justify-content:center;background-color:#2b2b2b;border:1px solid rgba(172,172,172,.5019607843);border-radius:calc(var(--smallGap) / 2);color:#acacacdd;font:inherit;font-size:.6em;font-weight:600;line-height:1;cursor:pointer;transition:.2s all ease}button.addContor:hover{background-color:#acacac10;color:#acacac}.form-control--disabled{color:var(--form-control-disabled);cursor:not-allowed}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--mainBack);margin:0;font:inherit;color:#acacac;width:1em;height:1em;border:1px solid currentColor;border-radius:calc(var(--smallGap) / 2);transition:.1s all ease;display:grid;place-content:center}input[type=checkbox]:before{content:"";width:.5em;height:.5em;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transform-origin:bottom left;transition:.1s transform ease-in-out;background-color:#acacac}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline:max(2px,.15em) solid rgba(172,172,172,.5019607843);transition:.2s all ease}input[type=checkbox]:disabled{--form-control-color: var(--form-control-disabled);color:var(--form-control-disabled);cursor:not-allowed}.indexes .contoare{width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--smallGap) * 3)}.indexes .contor{width:100%;padding:calc(var(--smallGap) / 2);padding-bottom:calc(var(--smallGap) / 2 - 3px);margin:calc(var(--smallGap) / 2 * -1) 0 calc(var(--smallGap) / 2 * -1 + 1px) 0;border:none;border-bottom:1px solid rgba(172,172,172,.5019607843);box-sizing:border-box;transition:.2s all ease;background-color:transparent;color:#acacac;font:inherit;font-size:1em;line-height:1}.indexes .contor:first-child{margin-top:calc(var(--smallGap) * 2.5)}.indexes .contor:hover{border-bottom:1px solid #acacac}.indexes .contor:focus{outline:none;border-bottom:1px solid #acacac}p{color:#acacac}.detailsFrame{flex:1;padding-left:var(--smallGap);padding-right:calc(var(--mediumGap) - 12px)}.detailsFrame .details{box-sizing:border-box;overflow-y:scroll;padding-right:5px}.detailsFrame .details>div{display:flex;flex-direction:column;gap:var(--smallGap)}.detailsFrame .details h4{color:#acacac;margin:0;padding:0}.inputDetails,.inputDetailsSelect{background-color:#2b2b2b;color:#acacac;border:1px solid rgba(172,172,172,.2509803922);border-radius:var(--smallGap);padding:calc(var(--smallGap) - 1px);margin:0;width:100%;box-sizing:border-box;transition:all .2s ease;font-size:1em;font-weight:400;line-height:1}.inputDetails:focus{outline:none;border:1px solid #acacac}.inputDetailsSelect{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;padding-right:calc(var(--smallGap) / 2);cursor:pointer}.inputDetailsSelect select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;border:none;background-color:transparent;color:#acacac;font-size:1em;font-weight:400;line-height:1;padding:calc(var(--smallGap) - 1px);cursor:pointer}.inputDetailsSelect select:focus{outline:none}.save-popup-container{height:50px;position:fixed;top:0;transform:translateY(-100%);left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;transition:all .6s ease}.save-popup-container.active{top:25px;transform:translateY(0)}.save-popup-container.active .save-popup{opacity:1;transform:scale(1);filter:blur(0)}.save-popup-container .save-popup{height:41px;box-sizing:border-box;display:flex;align-items:center;gap:50px;padding:12.5px;border-radius:12.5px;background-color:#252525;background-color:#ddd;border:2px solid rgb(154,208,194);transition:all .6s ease;pointer-events:all;opacity:0;transform:scale(.9);filter:blur(5px)}.save-popup-container .save-popup h3,.save-popup-container .save-popup i{color:#2d9596;font-size:1em;font-weight:500;line-height:1;-webkit-user-select:none;user-select:none}.save-popup-container .save-popup .text{display:flex;gap:5px;justify-content:center;align-items:center}.save-popup-container .save-popup .text h3{margin-bottom:1px}.save-popup-container .save-popup .text i{font-size:1.2em}.save-popup-container .save-popup .buttons{display:flex;gap:5px}.save-popup-container .save-popup .buttons button{height:30px;padding:1px 10px 0;margin:-12.5px 0;border:none;border-radius:7.5px;background-color:#ff3021;color:#eee;font-size:.9em;font-weight:500;line-height:1;cursor:pointer;transition:all .2s ease}.save-popup-container .save-popup .buttons button:last-child{margin-right:-8px;background-color:#1db61d}.save-popup-container .save-popup .buttons button:hover{background-color:#ed1000}.save-popup-container .save-popup .buttons button:hover:last-child{background-color:#19a019}.save-popup-container .save-popup .buttons button:focus{outline:none}.settingsSection{width:100%;display:flex;flex-direction:column;gap:var(--smallGap);padding:var(--mediumGap);box-sizing:border-box;overflow:hidden}.sectionElement{align-items:center;padding:var(--smallGap);cursor:pointer;transition:all .2s ease;background-color:var(--darkBack);border-radius:var(--smallGap)}.sectionElement h3{color:#acacaca0;margin:0;padding:0;font-size:1.2em;font-weight:300;line-height:100%;transition:all .2s ease}.sectionElement:hover h3,.sectionElement.selected h3{color:#acacac}.settings .section{flex:1;display:flex;flex-direction:row;margin:var(--mediumGap) 0;gap:var(--mediumGap)}.details{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;gap:var(--mediumGap);font-size:1.1em}.details h2{font-size:1.4em;font-weight:500;margin:0;line-height:70%;color:#acacac}.settingSections .section{box-sizing:border-box;overflow:hidden}.detailValue{display:flex;flex-direction:column;gap:var(--smallGap);color:#acacac;font-size:1.1em}.detailValue span{font-weight:500;line-height:100%;color:#acacac;font-size:.8em}.detailValue input{width:100%;height:40px;border:rgba(172,172,172,.2509803922) solid 1px;border-radius:var(--smallGap);padding:var(--smallGap);background-color:transparent;color:#acacac;font-size:.8em;font-weight:400;line-height:100%;outline:none;box-sizing:border-box}button.save{width:50%;margin:0 auto;height:40px;border:rgba(172,172,172,.2509803922) solid 1px;border-radius:var(--smallGap);background-color:transparent;color:#acacac;font-size:1em;font-weight:400;line-height:100%;outline:none;box-sizing:border-box;cursor:pointer;transition:all .2s ease}button.save:hover{background-color:#ffffff10}.createAssociation{height:100%;width:100%;display:flex;flex-direction:row}.createAssociation h3,.createAssociation i{color:#acacaca0;margin:0;padding:0;font-size:1.2em;font-weight:300;line-height:100%;transition:all .2s ease}.createAssociation .associationContent{display:flex;flex-direction:column;gap:var(--smallGap);width:275px;padding-right:calc(var(--mediumGap) - 12px);padding-right:calc(var(--mediumGap) - 11px);box-sizing:border-box;overflow:hidden}.createAssociation .associationContent h3{padding:5px 0;margin:-5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.createAssociation .associationContent .buttons{margin:-15px -3px -15px 0;display:flex}.createAssociation .associationContent .buttons .button{height:25px;width:25px;display:flex;justify-content:center;align-items:center;border-radius:25%;transition:all .2s ease;opacity:0;pointer-events:none}.createAssociation .associationContent .buttons .button.active{opacity:1;pointer-events:auto}.createAssociation .associationContent .buttons .button.active:hover i{color:#acacac}.associationTitle{position:relative;display:flex;justify-content:space-between;width:calc(100% - 12px);box-sizing:border-box;align-items:center;padding:var(--smallGap);cursor:pointer;transition:all .2s ease;background-color:var(--darkBack);border-radius:var(--smallGap)}.blocuri{overflow-y:scroll;display:flex;flex-direction:column;gap:var(--smallGap);height:100%}.blocuri .contentDiv{display:flex;flex-direction:column;gap:var(--smallGap)}.blocuri i{color:#acacacaa;line-height:100%;cursor:pointer;transition:all .2s ease}.blocuri i:hover{color:#acacac}.bloc{display:flex;flex-direction:column;background-color:var(--mainBack);border-radius:var(--smallGap);overflow:hidden}.blocTitle{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--smallGap)}.createAssociation .address{margin-right:5px;display:flex;flex-direction:column;transition:all .2s ease-in-out;background-color:var(--darkBack);border-radius:calc(var(--smallGap) + var(--smallGap) / 2);border-radius:calc(var(--mediumGap) - 2px)}.addressTitle{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:calc(var(--smallGap) / 2 + var(--smallGap));padding-bottom:calc(var(--smallGap));border-radius:calc(var(--mediumGap) - 2px) calc(var(--mediumGap) - 2px) 0 0;cursor:pointer}.addressTitle h3,.associationTitle h3{font-weight:600}.address .blocks{display:flex;flex-direction:column;gap:var(--smallGap);margin:var(--smallGap);margin-top:calc(var(--smallGap) / 2);transition:all .2s ease-in-out}.address .blocks .button{background-color:var(--mainBack);z-index:2}.address .blocks .arrow-down{position:absolute;right:calc(var(--smallGap));margin-bottom:-1.5px;z-index:1}.stairs{display:flex;flex-direction:column;margin-left:calc(var(--smallGap) - 1px);border-left:rgba(172,172,172,0) solid 1px;overflow:hidden;transition:all .2s ease-in-out}.stairs.active{margin-bottom:var(--smallGap)}.wrapper{margin:0;padding:0;display:grid;grid-template-rows:0fr;transition:all .2s ease-in-out;align-items:flex-start}.wrapper.active{grid-template-rows:1fr}.stairs:hover{border-color:#acacac40}.stair{position:relative;display:flex;flex-direction:column;overflow:hidden}.stairTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--smallGap)}.apartments{display:flex;flex-direction:column;margin-left:calc(var(--smallGap) - 1px);border-left:rgba(172,172,172,.2509803922) solid 1px;overflow:hidden;transition:all .2s ease}.apartments:hover{border-color:#acacac80}.apartment{display:flex;flex-direction:column;gap:var(--smallGap)}.apartmentTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--smallGap)}.stairTitle,.blocTitle,.apartmentTitle{cursor:pointer;transition:all .2s ease}.associationTitle:hover h3,.addressTitle:hover h3,.stairTitle:hover h3,.blocTitle:hover h3,.apartmentTitle:hover h3,.associationTitle.active h3,.addressTitle.active h3,.stairTitle.active h3,.blocTitle.active h3,.apartmentTitle.active h3{color:#acacac}.actionButtons{display:flex;flex-direction:row;gap:var(--smallGap);margin-right:calc(var(--mediumGap) - 12px)}.actionButtons button{padding:var(--smallGap);border:none;background-color:var(--darkBack);color:#acacacaa;border-radius:var(--smallGap);cursor:pointer;transition:all .2s ease;flex:1}.actionButtons button:hover{background-color:#2b2b2b;color:#acacac}.actionButtons button:last-child{flex:0}.actionButtons button h3{margin:0;padding:0;font-size:1.2em;font-weight:300;line-height:100%;transition:all .2s ease}.actionButtons button .icon{width:19px}.actionButtons button i{font-size:1.4em;cursor:pointer;transition:all .2s ease}.dashboard{margin:0;padding:var(--mediumGap);width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:row;box-sizing:border-box;gap:var(--mediumGap)}.dashboard-content{margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:var(--mediumGap);max-height:100%}h1,h2,h3,h4,h5,h6,i,p{align-items:center;text-justify:center;margin:0;padding:0;color:var(--lightText);line-height:1;font-weight:500}i{font-size:1em}h1{font-size:2.5em}h2{font-size:1.4em}h3{font-size:.8em}.dashboard-page{display:flex;flex-direction:row;flex:1;overflow:hidden}.dashboard-container{border-radius:var(--mediumGap);background-color:var(--mainBack)}.medium-gap{gap:var(--mediumGap)}.dashboard-left{display:flex;flex-direction:column;gap:var(--mediumGap);padding:var(--mediumGap);padding-right:calc(var(--mediumGap) - 12px);border-right:rgba(172,172,172,.2509803922) solid 1px;box-sizing:border-box;overflow:hidden;flex:1;min-width:300px}.dashboard-right{display:flex;flex-direction:column;gap:var(--mediumGap);padding:var(--mediumGap);box-sizing:border-box;overflow:hidden;flex:4}.dashboard-right-row{display:flex;flex-direction:row;gap:var(--mediumGap);padding:var(--mediumGap);box-sizing:border-box;overflow:hidden;flex:4}.NotFound{width:100%;height:100vh;display:flex;text-align:center;gap:var(--mediumGap);justify-content:center;flex-direction:column;color:#acacac}.App{width:100%;margin:0;padding:0}.b-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(to bottom right,#090979,#00d4ff);font-family:sans-serif;padding:1rem;overflow:hidden;position:relative}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.animation-container{position:relative;width:100%;max-width:42rem;height:32rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.person-container{display:flex;flex-direction:column;align-items:center;z-index:20}.person-avatar{width:6rem;height:6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.25rem;font-weight:700;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}@media (min-width: 768px){.person-avatar{width:7rem;height:7rem}}.person-avatar.sender{background-color:#38bdf8}.person-avatar.receiver{background-color:#f472b6;position:relative;transition:transform .3s}.person-avatar.receiver.arrived{transform:scale(1.1)}.person-label{margin-top:.75rem;font-size:1.25rem;font-weight:600;color:#374151}.trust-wrapper{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:30;bottom:0;margin-bottom:10px}.trust-wrapper.sending{bottom:100%;transform:translate(-50%) translateY(100%);margin-bottom:-120px;transition:all 1.5s ease-in-out}.trust-badge{display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#4ade80,#14b8a6);border-radius:9999px;padding:.5rem 1rem;box-shadow:0 25px 50px -12px #00000040}.trust-text{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.05em;display:inline-flex;align-items:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;padding:0;background-color:var(--darkBack);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--smallGap: 12.5px;--mediumGap: 25px;--largeGap: 50px;--lightColor: rgb(154, 208, 194);--mainColor: rgb(45, 149, 150);--mainColorDark: rgb(20, 78, 94);--darkColor: rgb(15, 49, 76);--color5: rgb(4, 31, 53);--lightBack: #f9f9f9;--mainBack: #252525;--darkBack: #171717;--lightText: #acacac;--green: #1db61d;--red: #ff3021;--color2Dark20: #1b3030;--color2Dark20Transparent: rgba(27, 48, 48, .4)}a{font-weight:500;color:#fff;text-decoration:inherit}body,#root,.App{margin:0;padding:0;display:flex;place-items:center;width:100%;min-width:320px;min-height:100vh}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#fff3;border-radius:7px}::-webkit-scrollbar-thumb:hover{background:#fff8;border-radius:7px}::-webkit-scrollbar-corner{background:#0000}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}h1{font-size:3.2em;line-height:1.1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
