@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{min-width:320px}#app{display:flex;justify-content:center}.container{max-width:1920px;width:100%;margin:0 auto}button{cursor:pointer}a{text-decoration:none;color:#000}input{width:100%;outline:none;background:transparent;border:1px solid transparent}.main__menu-bar{top:0;left:0;width:100%;z-index:49;display:flex;align-items:center;justify-content:center;position:fixed;padding:8px 24px;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background-color:#f8f8fc66;justify-content:space-between}.main__menu-bar .main__menu-logo-box{gap:12px;display:flex;align-items:center;justify-content:center;justify-content:start}.main__menu-bar .main__menu-logo-box img{width:23px}.main__menu-bar .main__menu-logo-box p{font-size:20px;font-weight:500;line-height:32px}.main__menu-bar .user__menu{gap:24px;display:flex;align-items:center;justify-content:center}.main__menu-bar .user__menu .Menu_Button{cursor:pointer}.main__menu-bar .user__menu .user__image{padding:4px}.main__menu-bar .user__menu .user__image img{width:24px;height:24px;cursor:pointer;border-radius:50%}.background{top:0;z-index:-1;width:100%;height:100vh;position:fixed}.dropdown{top:52px;z-index:52;right:64px;width:300px;padding:24px;position:absolute;border-radius:24px;background-color:#fff}.dropdown h2{font-size:16px;font-weight:400;color:#000e18;line-height:28px;margin-bottom:12px}.dropdown ul{gap:24px;display:grid;list-style:none;grid-template-columns:repeat(3,1fr)}.dropdown ul li{display:flex;align-items:center;flex-direction:column;gap:8px}.dropdown ul li p{font-size:12px;line-height:20px}.dropdown_around{bottom:0;z-index:48;width:100%;height:94.5vh;position:fixed}.dropdownProfile{top:52px;right:18px;z-index:52;width:300px;height:188px;position:absolute;border-radius:16px;background:#fff;box-shadow:0 6px 18px #0000003d}.dropdownProfile .dropdownProfile_top{padding:12px 24px;background:#f4f9fe;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:1px solid #cccfd1}.dropdownProfile .dropdownProfile_bottom{padding:12px 12px 24px}.dropdownProfile .dropdownProfile_bottom .dropdownProfile_bottom-div{gap:12px;display:flex;cursor:pointer;padding:6px 12px;border-radius:6px;align-items:center}.dropdownProfile .dropdownProfile_bottom .dropdownProfile_bottom-div p{width:fill;line-height:24px}.dropdownProfile .dropdownProfile_bottom .dropdownProfile_bottom-div:nth-child(1):hover p{color:#666e74}.dropdownProfile .dropdownProfile_bottom .dropdownProfile_bottom-div:nth-child(2) p{color:#e92300}.dropdownProfile .dropdownProfile_bottom .dropdownProfile_bottom-div:hover{background:#eef4f8}@media screen and (max-width:494px){.page__title{display:none}.dropdown{top:0;right:0;width:75%;height:100vh;padding:20px;position:fixed;border-radius:16px 0 0 16px;animation:slideFromRight .25s ease}.dropdown ul{grid-template-columns:repeat(2,1fr)}.dropdown ul li{gap:4px}.dropdown ul li img{width:48px;height:48px}.dropdown h2{font-weight:700;font-size:18px;margin-bottom:24px}.dropdownProfile{top:0;right:0;width:85%;height:100vh;position:fixed;border-radius:16px 0 0 16px;animation:slideFromRight .25s ease}.dropdownProfile .dropdownProfile_top{border-radius:16px 0 0}.dropdown_around{background:#0505057a;height:100vh}.main__menu-bar{padding:8px 16px}.main__menu-bar .main__menu-logo-box p{font-size:16px}}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media screen and (max-width:360px){.main__menu-bar .main__menu-logo-box .page__title{font-size:12px}.main__menu-bar .user__menu{gap:6px}}.toast[data-v-0317ed6f]{position:fixed;top:24px;right:24px;z-index:9999;min-width:260px;max-width:360px;padding:14px 18px;border-radius:10px;color:#fff;font-size:14px;font-weight:500;line-height:1.4;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px #0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:slideIn-0317ed6f .35s ease}.success[data-v-0317ed6f]{background:linear-gradient(135deg,#22c55e,#16a34a)}.error[data-v-0317ed6f]{background:linear-gradient(135deg,#ef4444,#dc2626)}.info[data-v-0317ed6f]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.warning[data-v-0317ed6f]{background:linear-gradient(135deg,#f59e0b,#d97706)}.fade-enter-active[data-v-0317ed6f],.fade-leave-active[data-v-0317ed6f]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-0317ed6f],.fade-leave-to[data-v-0317ed6f]{opacity:0;transform:translateY(-10px) scale(.95)}@keyframes slideIn-0317ed6f{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}a{text-decoration:none}.title{font-size:34px;line-height:40px;font-weight:400}.main-section{gap:36px;max-width:100%;display:grid;margin:120px auto;justify-content:center;grid-template-columns:repeat(3,1fr)}.main-section .profile-card{width:376px;padding:36px;overflow:hidden;position:relative;border-radius:24px;grid-column:span 1;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background:linear-gradient(to bottom left,#ffffffd6,#fff9);box-shadow:12px 12px 36px #0000003d}.main-section .profile-card .profile{gap:36px;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:start}.main-section .profile-card .profile-logo img{z-index:1;width:120px;height:120px;position:relative;border-radius:50%}.main-section .profile-card .profile .user{gap:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#000e18;align-items:start}.main-section .profile-card .profile .user-name{line-height:32px}.main-section .profile-card .profile .user-email{color:#666e74;line-height:24px}.main-section .profile-card .profile .user-role{font-weight:700}.main-section .profile-card .cloud{top:0;left:0;position:absolute}.main-section .company__Card{width:788px;overflow:hidden;position:relative;border-radius:24px;grid-column:span 2;box-shadow:12px 12px 36px #0000003d}.main-section .company__Card .company__logo-card{gap:24px;display:flex;overflow:hidden;padding:24px 36px;align-items:center;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background:linear-gradient(to bottom left,#ffffffd6,#fff9);border-top-left-radius:24px;border-top-right-radius:24px}.main-section .company__Card .company__info-card{position:relative;background:#fff;height:100%;padding:36px 36px 79px;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.main-section .company__Card .company__info-card .company__info{gap:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:start}.main-section .company__Card .company__info-card .company__info h2{font-size:16px;font-weight:700;color:#000e18;line-height:24px}.main-section .company__Card .company__info-card .company__info p{color:#666e74}.main-section .company__Card .company__info-card .wallet{position:absolute;top:36px;right:36px;display:flex;align-items:center;justify-content:center}.main-section .company__Card .company__info-card .wallet .line{width:38px;height:1px;transform:rotate(90deg);background-color:#575757}.main-section .company__Card .company__info-card .wallet .money{display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:start}.main-section .company__Card .company__info-card .wallet .money .balance{color:#2645a1}.main-section .company__Card .company__info-card .wallet .money .limit{color:#e92300}.main-section .warning{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;grid-column:span 3;background:#fff5e2;margin:-20px 0 -24px;border:1px solid #a7b0b9;justify-content:space-between}.main-section .warning .msg__warning{gap:11px;display:flex;align-items:center}.main-section .warning__document{gap:16px;display:flex;color:#000e1880;align-items:center}.main-section .license{width:788px;overflow:hidden;position:relative;border-radius:24px;grid-column:span 2;box-shadow:12px 12px 36px #0000003d}.main-section .license__logo-card{gap:24px;display:flex;overflow:hidden;padding:24px 36px;align-items:center;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background:linear-gradient(to bottom left,#ffffffd6,#fff9);border-top-left-radius:24px;border-top-right-radius:24px}.main-section .license__logo-card .license__logo{border-radius:12px;background:#fff;border:1px solid #cccfd1}.main-section .license__logo-card .license__logo img{padding:7.2px 8.9px}.main-section .license__info-wrapper{gap:36px;display:flex;align-items:center;justify-content:center;align-items:start;background:#fff;flex-direction:column;padding:36px 36px 48px;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.main-section .license__info-wrapper .license__card{width:100%;display:flex;align-items:center;justify-content:center;border-radius:24px;background:#a7ffa3;padding:12px 88px 12px 12px;justify-content:space-between}.main-section .license__info-wrapper .license__card .license__date{display:flex;align-items:center}.main-section .license__info-wrapper .license__card .license__icon{width:36px;height:36px;border-radius:50%;padding:5.5px 6.4px;background:#0ce900;margin:-6px 0 -6px -6px}.main-section .license__info-wrapper .license__info{gap:12px;display:flex;flex-direction:column}.main-section .license__info-wrapper .license__info div{gap:24px;display:flex}.main-section .license__info-wrapper .license__info div p{width:184px}.main-section .license__info-wrapper .license__info div span{color:#666e74}.main-section .programms{display:grid;grid-template-columns:repeat(3,minmax(60px,1fr));gap:62px;padding:26px 36px 36px 26px;border-radius:24px;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background:linear-gradient(to bottom left,#ffffffd6,#fff9)}.main-section .programms .programm{gap:12px;width:60px;height:60px;display:flex;background:#fff;border-radius:12px;align-items:center;border:1px solid #cccfd1;flex-direction:column}.main-section .programms .programm h3{font-size:16px;font-weight:400;line-height:28px}.main-section .programms .programm .program__img{display:flex;padding-top:6px;align-items:center;justify-content:center}.main-section .programms .programm .program__img img{width:80%}.main-section .programms .programm .Electricity{width:63%}.main-section .programms .programm .Gas{width:73%}.main-section .programms .programm .Energy{width:60%}.main-section .programms .programm .greenEnergy{width:128px;margin-top:2px;margin-left:40px}.main-section .programms .programm .Heat{margin-top:4px}.main-section .programms .programm .scd svg path{fill:#ba00e9}.main-section .my_programms{grid-column:span 3;border-radius:24px;box-shadow:12px 12px 36px #0000003d}.main-section .my_programms .my_prog__logo-card{gap:24px;display:flex;overflow:hidden;padding:24px 36px;align-items:center;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background:linear-gradient(to bottom left,#ffffffd6,#fff9);border-top-left-radius:24px;border-top-right-radius:24px}.main-section .my_programms .my_prog__logo-card .my_prog__logo{padding:4px;display:flex;background:#fff;border-radius:12px;align-items:center;border:1px solid #cccfd1}.main-section .my_programms .my_prog__logo-card .my_prog__logo img{width:38px;height:40px}.main-section .my_programms .my__programms{width:100%;padding:36px;background:#fff;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.main-section .my_programms .my__programms .my_programm{gap:36px;width:100%;display:flex;align-items:center}.main-section .my_programms .my__programms .my_programm .main{width:60px;height:60px;display:flex;justify-content:center}.main-section .my_programms .my__programms .my_programm .main img{width:45px;height:45px}.main-section .my_programms .my__programms .my_programm .main__section-lamp-icon{width:68.4px}.main-section .my_programms .my__programms .my_programm .main__section-lamp-icon img{width:60%}.main-section .my_programms .my__programms .my_programm .programm__name{display:flex;background:#fff;border-radius:12px;align-items:center;border:1px solid #cccfd1;padding:7.5px}.main-section .my_programms .my__programms .my_programm .programm__info{gap:28px;width:100%;display:flex;align-items:center;justify-content:center;align-items:start;flex-direction:column}.main-section .my_programms .my__programms .my_programm .programm__info .info__programm{gap:24px;display:flex;align-items:center}.main-section .my_programms .my__programms .my_programm .programm__info .divider{width:100%;border:1px solid #cccfd1}.main-section .my_programms .my__programms .my_programm:nth-child(2),.main-section .my_programms .my__programms .my_programm:nth-child(3),.main-section .my_programms .my__programms .my_programm:nth-child(4),.main-section .my_programms .my__programms .my_programm:nth-child(5){margin-top:-3px}.header{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;color:#fff;flex-direction:column;padding:57px 0 18px;background:radial-gradient(circle at 20% 20%,#00528d 10%,#001b2f 60%,#000910)}.header__img-box{width:30%;height:346px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;border-radius:40px;background-color:#fff}.header__img-box .Cloud{animation:cloud 20s ease-in-out infinite}@keyframes cloud{0%{opacity:1}15%{opacity:0}30%{opacity:0}45%{opacity:0}60%{opacity:0}75%{opacity:0}90%{opacity:0}95%{opacity:1}to{opacity:1}}.header__img-box .animation{z-index:1;width:76px;height:76px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:absolute;border-radius:100%}.header__img-box .animation img{z-index:1;width:100%;position:relative}.header__img-box .main__logo{z-index:3;width:153px;height:153px}.header__img-box .main__logo img{width:100px}.header__img-box .main__logo{animation:logo 20s ease-in-out infinite}@keyframes logo{0%{opacity:0}15%{opacity:1;transform:rotate(0)}30%{opacity:1;transform:rotate(0)}45%{opacity:1;transform:rotate(180deg)}60%{opacity:1;transform:rotate(0)}75%{opacity:1;transform:rotate(0)}90%{opacity:1;transform:rotate(0)}95%{opacity:1;transform:rotate(180deg)}to{opacity:0}}.header__img-box .fire{right:20.2%;bottom:26.5%;padding:8px 6px;animation:fire 20s ease-in-out infinite}@keyframes fire{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translateY(100%)}30%{opacity:1;transform:translate(-40%,80%)}45%{opacity:1;transform:translate(-40%,80%)}60%{opacity:1;transform:translateY(100%)}75%{opacity:1;transform:translate(-360%,100%)}90%{opacity:1;transform:translate(-360%,100%)}95%{opacity:1;transform:translate(0)}to{opacity:0}}.header__img-box .lamp{top:25%;right:31.5%;padding:6px 19px;animation:lamp 20s ease-in-out infinite}@keyframes lamp{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(90%,-90%)}30%{opacity:1;transform:translate(50%,-80%)}45%{opacity:1;transform:translate(50%,-80%)}60%{opacity:1;transform:translate(90%,-90%)}75%{opacity:1;transform:translate(-270%,-90%)}90%{opacity:1;transform:translate(-270%,-90%)}95%{opacity:1;transform:translate(0)}to{opacity:0}}.header__img-box .subs{top:36%;z-index:2;left:23.2%;padding:6.4px;animation:subs 20s ease-in-out infinite}@keyframes subs{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(-120%,20%)}30%{opacity:1;transform:translate(-30%,20%)}45%{opacity:1;transform:translate(-120%,20%)}60%{opacity:1;transform:translate(-120%,20%)}75%{opacity:1;transform:translate(450%,20%)}90%{opacity:1;transform:translate(450%,20%)}95%{opacity:1;transform:translate(0)}to{opacity:0}}.header__img-box .gas{left:20.2%;bottom:26.5%;padding:6px 14px;animation:gas 20s ease-in-out infinite}@keyframes gas{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translateY(100%)}30%{opacity:1;transform:translate(40%,80%)}45%{opacity:1;transform:translate(40%,80%)}60%{opacity:1;transform:translateY(100%)}75%{opacity:1;transform:translate(360%,100%)}90%{opacity:1;transform:translate(360%,100%)}95%{opacity:1;transform:translate(0)}to{opacity:0}}.header__img-box .water{top:27%;left:31.5%;padding:6.5px;animation:water 20s ease-in-out infinite}@keyframes water{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(-100%,-100%)}30%{opacity:1;transform:translate(-50%,-80%)}45%{opacity:1;transform:translate(-50%,-80%)}60%{opacity:1;transform:translate(-100%,-100%)}75%{opacity:1;transform:translate(270%,-100%)}90%{opacity:1;transform:translate(270%,-100%)}95%{opacity:1;transform:translate(0)}to{opacity:0}}.header__img-box .electr{top:34.7%;z-index:2;right:23.2%;padding:6px 19px;animation:electr 20s ease-in-out infinite}@keyframes electr{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(120%,20%)}30%{opacity:1;transform:translate(30%,20%)}45%{opacity:1;transform:translate(120%,20%)}60%{opacity:1;transform:translate(120%,20%)}75%{opacity:1;transform:translate(-450%,20%)}90%{opacity:1;transform:translate(-450%,20%)}95%{opacity:1;transform:translate(0)}to{opacity:0}}.header__wrapper{gap:48px;display:flex;align-items:center;justify-content:center;margin-top:148px;text-align:center;flex-direction:column}.header__wrapper h1{font-size:96px;font-weight:300;line-height:96px}.header__wrapper button{background:transparent;border:1px solid transparent;font-size:14px;font-weight:500;color:#0081e9;line-height:36px;padding:6px 96px;border-radius:24px;background:#fff}.header__wrapper p{width:414px;font-size:24px;font-weight:400;line-height:32px}.header .modal__logo-box{gap:24px;top:38px;left:72px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute}.header .modal__logo-box .modal__logo-title{color:#fff}.header .modal__wrapper{top:72px;gap:calc(12% - 48px);z-index:5;right:28%;width:44%;height:80vh;display:flex;align-items:center;justify-content:center;color:#000;padding:48px 0;position:absolute;border-radius:48px;flex-direction:column;background-color:#fff}.header .modal__wrapper h2{font-weight:400}.header .modal__wrapper .field{width:70%;display:flex;position:relative;border-radius:10px;border:1px solid #cfd6dd;padding:16px 40px 16px 14px;justify-content:space-between}.header .modal__wrapper .field input{width:100%;outline:none;font-size:14px}.header .modal__wrapper .field:focus{border:1px solid #1677ff}.header .modal__wrapper .field:focus::placeholder{opacity:0}.header .modal__wrapper .field label{top:50%;left:14px;opacity:0;font-size:14px;color:#9aa3ab;position:absolute;pointer-events:none;transition:.25s ease;transform:translateY(-50%)}.header .modal__wrapper .field input:focus+label{top:-3px;opacity:1;color:#1677ff;background:#fff}.header .modal__wrapper .field img{right:-5%;position:relative}.header .modal__wrapper .signin__btn{background:transparent;border:1px solid transparent;color:#fff;font-size:14px;font-weight:500;line-height:36px;padding:6px 114px;border-radius:24px;background:#0081e9;letter-spacing:1.25px;text-transform:uppercase}.header .modal__wrapper .modal__footer-wrapper{gap:28px;display:flex;align-items:center;justify-content:center;padding-top:72px;flex-direction:column}.header .modal__wrapper .modal__footer-wrapper .checkbox{gap:12px;display:flex;align-items:center;justify-content:center}.header .modal__wrapper .modal__footer-wrapper .checkbox input{width:13px;height:13px}.header .modal__wrapper .recoveryCloseBtn{top:5%;right:5%;background:transparent;border:1px solid transparent;font-size:24px;position:absolute}.header .modal__wrapper .recovery__desc{font-size:16px;font-weight:400;padding:0 120px;line-height:24px;letter-spacing:.5%}.header .modal__wrapper .recovery__btn{padding:6px 70px}.header .modal__footer-box{gap:52px;width:100%;bottom:0;left:0;display:flex;align-items:center;justify-content:center;position:absolute;background:#383e42}.header .modal__footer-box div{gap:9px;display:flex;align-items:center;justify-content:center;padding:20px 0}