nav{position:relative;width:calc(100% - 20px)!important;background-color:#1f5d3061;box-sizing:border-box;color:#ffd94a;border-radius:14px;margin:10px 10px 30px;padding:20px 24px;box-shadow:0 4px 10px #0009;overflow:hidden;display:flex;justify-content:space-around;a {text-decoration: none; font-size: 25px; color: #ffd94a; &:hover {color: rgb(0,218,83);}}}._mainBlockInfiData_1e2l5_1{display:flex;flex-direction:column;justify-content:space-around;background:transparent;min-height:100vh}._mainBlockInfiData_1e2l5_1 *{text-align:center;color:#acff13}._mainBlockInfiData_1e2l5_1 h3{font-size:40px}._mainBlockInfiData_1e2l5_1 input{padding:2%;background-color:#017813;border:0;font-size:17px}._mainBlockInfiData_1e2l5_1 input:focus{border:none;outline:none}._mainBlockInfiData_1e2l5_1 h1{font-size:3.2em;line-height:1.1}._mainBlockInfiData_1e2l5_1 button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#017813;cursor:pointer;transition:border-color .25s}._mainBlockInfiData_1e2l5_1 button:hover{border-color:#646cff}._formRecord_1e2l5_51,section{max-width:100vw;display:flex;justify-content:space-around}._formRecord_1e2l5_51{height:100%;align-items:center;margin:0 2%}._sectionWastes_1e2l5_64{position:relative;width:max-content!important;background-color:#1f5d3061;color:#ffd94a;border-radius:14px;padding:20px 24px;width:280px;box-shadow:0 4px 10px #0009;overflow:hidden;h4 {font-size: 18px; font-weight: 600; margin-bottom: 12px;} ._amount_1e2l5_97 {font-size: 36px; font-weight: 700; margin-bottom: 16px;} ._inputWrapper_1e2l5_103 {width: 100%; display: flex; flex-direction: row; align-items: center; overflow: hidden; input {align-items: center; border-radius: 10px; background-color: #e8f0ec; flex: 1; border: none; outline: none; padding: 10px 12px; font-size: 16px; color: #333;} button {background-color: rgba(255,217,74,.4); border: none; margin-left: 5px; font-size: 22px; font-weight: bold; color: #1f5d30; padding: 0 12px; cursor: pointer; height: 40px; transition: background-color .2s; &:hover {background-color: rgba(255,217,74,.5);}}} * {text-align: start !important;}}._sectionWastes_1e2l5_64:before{content:"";position:absolute;top:-40px;left:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,217,74,.6) 0%,rgba(255,217,74,.15) 40%,transparent 70%);filter:blur(40px);z-index:0}._wastes_1e2l5_145{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}._wastes_1e2l5_145>:first-child,._wastes_1e2l5_145>:last-child{grid-column:1 / -1;justify-self:center;max-width:300px}._information_1e2l5_159{display:flex;flex-direction:column;gap:10px}._calendarContainer_zioaa_1{background-color:#fff9d8;border:1px solid #e3dca5;border-radius:16px;width:270px;padding:16px;box-shadow:0 2px 4px #0000001a;font-family:Inter,Segoe UI,sans-serif}._calendarContainer_zioaa_1 *{color:#018813!important;cursor:pointer}._calendarHeader_zioaa_16{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}._monthLabel_zioaa_23{font-weight:600;font-size:18px}._navButton_zioaa_28{background:none;border:none;font-size:18px;color:#fff!important;font-weight:600;cursor:pointer;transition:transform .2s}._navButton_zioaa_28:hover{transform:scale(1.1)}._weekDays_zioaa_42{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:500;margin-bottom:8px;font-size:20px}._weekDay_zioaa_42{padding:4px 0}._calendarDays_zioaa_55{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:20px;gap:6px 0}._calendarDay_zioaa_55{height:28px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:background-color .2s}._calendarDay_zioaa_55:hover{background-color:#1f5d301a;font-weight:900}._selected_zioaa_77{background-color:green;color:#fff!important;font-weight:600}._today_zioaa_83{background-color:#ffd94a;color:#1f5d30;font-weight:600}.registrationForm{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;background:linear-gradient(0deg,rgba(120,136,19,1) 0%,rgba(1,136,19,1) 100%)}.registrationForm *{color:#000}.registrationForm input{width:500px;height:30px;border-radius:15px;border:none;padding:10px;font-size:20px}.registrationForm button{color:#006400;font-weight:700;font-size:20px;width:270px;height:50px;border-radius:25px;background-color:#ff0}.registrationForm button:hover{border:solid 2px rgb(0,100,0)}.registrationForm a{color:#006400;font-weight:500;font-size:15px;width:45px;height:50px;border-radius:25px;transition:transform 1s}.registrationForm a:hover{color:#ff0;transform:scale(1.2)}.authorizationForm{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;background:linear-gradient(0deg,rgba(120,136,19,1) 0%,rgba(1,136,19,1) 100%)}.authorizationForm *{color:#000}.authorizationForm input{width:500px;height:30px;border-radius:15px;border:none;padding:10px;font-size:20px}.authorizationForm button{color:#006400;font-weight:700;font-size:20px;width:270px;height:50px;border-radius:25px;background-color:#ff0}.authorizationForm button:hover{border:solid 2px rgb(0,100,0)}.authorizationForm a{color:#006400;font-weight:500;font-size:15px;width:130px;height:50px;border-radius:25px;transition:transform 1s}.authorizationForm a:hover{color:#ff0;transform:scale(1.2)}._mainBlockSetting_enx57_1{height:100vh;width:100vw;position:relative;overflow:hidden;label {margin-left: 25px; font-size: 30px; color: #f8d543; margin-bottom: 10px;} input {border-radius: 50px; width: 100%; font-size: 25px; padding: 10px 25px; background-color: #f8ecbd; border: none; outline: none; box-sizing: border-box; margin-bottom: 15px; color: rgb(1,111,16);}}._edit_enx57_28{display:flex;width:100%;align-items:flex-start;margin:0 50px;div {display: flex; flex-direction: column; height: 40%; justify-content: space-between;} ._user_enx57_41 {width: 30%; margin-right: 50px;} ._procent_enx57_46 {width: 50%;}}._proofPassword_enx57_51{margin:20px 0 0 50px;width:100%;label {margin: 0 30px 0 0;} input {width: 50%;} button {width: 150px; border-radius: 50px; font-size: 25px; padding: 10px 0px; background-color: #f8ecbd; border: none; outline: none; box-sizing: border-box; margin-left: 30px; color: rgb(1,111,16); border: 1px solid transparent; &._error_enx57_76 {border: 1px solid red; color: red;} &._notActive_enx57_81 {opacity: .5;}}}.analytics{width:100vw;min-height:100vh;max-height:max-content;margin:0;display:flex}.analytics .info{width:60%;h3 {font-size: 35px; margin-bottom: 10px;} div {font-size: 24px; font-weight: 500;} input {font-size: 20px; margin-left: 5px; background-color: transparent; border: 1px solid rgb(0,94,13);}}.analytics .settingMapping,.analytics .dopInfo{width:100%;margin:0 0 0 50px!important;display:flex;flex-direction:column;gap:10px}.analytics .settingMapping *,.analytics .dopInfo *{color:#f8d543}.sort{display:flex;justify-content:center;align-items:center;margin:10px 0;span {cursor: pointer; margin: 0 20px; font-size: 30px; border-radius: 10px; padding: 10px 15px; &.active {border: 2px solid rgb(0,94,13);}}}.utilization{margin-top:100px;height:60px;width:100%;display:flex;justify-content:center}.utilization *{color:#016f10!important}.utilization button,.utilization label{width:150px;border-radius:50px;font-size:25px;padding:10px 0;background-color:#f8d543;border:none;outline:none;box-sizing:border-box;margin-left:30px;color:#016f10;display:flex;justify-content:center;align-items:center}.utilization input{display:none}.formRecord,section{width:100vw;display:flex;justify-content:space-around;margin:5% 0}h1,p{text-align:center}table{background-color:#0000004d;width:40%;height:max-content;margin:2% 5%}table th{width:130px!important}table td{width:90px!important}table th,table td{height:40px;color:#acff13;font-size:20px;border:solid 1px rgba(0,0,0,.7)}.data.red{background-color:#ff00004d}.data.green{background-color:#00ff004d}._mainBlockServices_1m70z_1{display:flex;flex-direction:column;background:linear-gradient(0deg,rgba(120,136,19,1) 0%,rgba(1,136,19,1) 100%);min-height:100vh;padding-top:50px;ul {list-style-type: disclosure-closed; li {font-size: 25px;}} ul:hover {cursor: pointer; li {color: aquamarine;}}}._mortgage_4r318_1{display:flex;flex-direction:column;height:auto;overflow-y:hidden;background-color:#003814;border:3px solid rgb(0,233,82);border-radius:20px;padding:20px;margin:30px;transition:height 2s;main._report_4r318_15 {background-color: rgb(0,0,0,.5); h1 {width: max-content; position: sticky; left: 10px;} ._cross_4r318_24 {width: 50px; height: 10px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 30px; right: 30px; background-color: transparent; span {position: absolute; margin: 0 !important; opacity: 1; width: 50px; height: 5px; background-color: green;} span:first-child {transform: rotate(45deg);} span:last-child {transform: rotate(-45deg);}} table {overflow: scroll; border-spacing: 5px; margin: 0 !important; th,td {white-space: nowrap; padding: 0px 10px; border: 1px solid rgb(0,233,82);} [id="itPaidOff"] {background-color: rgb(0,233,82,.3);} [id="Дата"] {position: sticky; left: 0; background-color: black;} thead {position: sticky; top: 0; z-index: 2; th {text-align: start; background-color: black;}}}} input,select {background-color: rgba(120,136,19,1); color: rgb(0,233,82); padding: 5px 15px; border-radius: 20px; width: 90%; font-size: 25px;} select {width: calc(90% + 30px);} select:active {border-radius: 20px 20px 0 0;} ._firstInstallment_4r318_105 {position: relative; display: flex; gap: 10px; flex-direction: column; ._percentageButton_4r318_111 {position: absolute; display: flex; gap: 10px; right: 9%; top: 53%; button {font-size: 15px; color: rgb(0,233,82); width: max-content; padding: 5px; background-color: rgb(0,56,20); border: 2px solid black; opacity: .4; border-radius: 20px;} button:hover {border: 2px solid rgb(0,233,82);} button._active_4r318_133 {opacity: .8; border: 2px solid rgb(0,233,82);}}} span {opacity: .7; color: rgb(0,233,82); font-size: 20px; margin-left: 15px; font-weight: 600;} h3 {color: rgb(0,233,82);}}._datas_4r318_154,._invest_4r318_155{display:flex;gap:10px;flex-direction:column;input[type="checkbox"] {display: none;} input[type="checkbox"]+label {display: inline-block; position: relative; cursor: pointer; width: 50px; height: 28px; border-radius: 100px; background-color: rgb(0,0,0); transition: transform .3s;} input[type="checkbox"]:checked+label {background-color: rgb(0,192,26);} input[type="checkbox"]+label:after {content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background-color: rgb(241,245,242); transition: transform .3s;} input[type="checkbox"]:checked+label:after {transform: translateX(23px);} input[type=range] {border: none !important; display: block; background-color: rgb(0 24 9 / 80%) !important; border-radius: 20px; width: Calc(90% + 30px); padding: 0 !important; background: transparent; appearance: none; cursor: pointer;} input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; background-color: rgb(0,192,26) !important; height: 25px; width: 25px; border-radius: 50%;} input[type=range]::-webkit-slider-runnable-track {padding: 9px 15px; background-color: transparent !important; border-radius: 50px;}}._datas_4r318_154 ._firstInstallmentBoll_4r318_160,._invest_4r318_155 ._firstInstallmentBoll_4r318_160{display:flex;justify-content:space-between;align-items:center;background-color:#001809cc;padding:5px 15px;border-radius:20px;width:90%}._calculation_4r318_232{margin-top:10px;display:flex;justify-content:space-around;align-items:center;h3 {color: white; margin: 20px 5px 30px 5px;} div {height: max-content; border: 2px solid rgb(0,233,82); width: 40%; span {color: white; display: block; margin: 5px;}} span:last-child {cursor: pointer; width: 100%; text-align: center; margin-top: 50px; margin-bottom: 10px; opacity: .5;} span:last-child:hover {opacity: 1;}}._credit_4r318_270{margin-left:30px}._invest_4r318_155{h2 {width: 80%;}}._modal_1s2rn_1{position:fixed;top:0;left:0;z-index:9999999999;width:100vw;height:100vh!important;display:flex;flex-direction:column!important;justify-content:center!important;align-items:center;animation:_bg_1s2rn_1 .5s forwards;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._modal_1s2rn_1 ._mainBlock_1s2rn_16{display:flex;flex-wrap:wrap;flex-direction:column!important;max-height:80vh;max-width:80vw;background-color:#23212c!important;border-radius:8px;animation:_ani_1s2rn_1 .5s forwards;cursor:default!important;justify-content:space-between;gap:0px!important;overflow:auto}::-webkit-scrollbar{display:none;right:0;width:5px;height:5px}::-webkit-scrollbar-thumb{background-color:#017813}::-webkit-scrollbar-track{background:linear-gradient(0deg,rgba(120,136,19,1) 0%,rgba(1,136,19,1) 100%)}body{padding:0;margin:0;display:flex;place-items:center;min-width:320px;position:relative;background:rgb(1,111,16);overflow-x:hidden}body:before{top:-100px;left:-100px;background:radial-gradient(circle,#ffd94a 0%,transparent 70%)}body:after{bottom:-100px;right:-100px;background:radial-gradient(circle,#ffd94a 0%,transparent 70%)}button{border:none;outline:none}#root{position:relative;width:100vw;display:flex;min-height:100vh;flex-direction:column}*{color:#fff}input,button,select{outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}._gradientOverlay_1mv9m_2{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}._gradientSpotLeft_1mv9m_11{position:fixed;width:600px;height:600px;left:-150px;top:-150px;border-radius:50%;filter:blur(120px);opacity:.9;background:radial-gradient(circle at 35% 35%,rgba(255,217,74,.95) 0%,rgba(255,217,74,.4) 20%,rgba(255,217,74,.12) 40%,transparent 70%);transform:translateZ(0)}._gradientSpotRight_1mv9m_30{position:fixed;width:600px;height:600px;right:-150px;bottom:-150px;border-radius:50%;filter:blur(120px);opacity:.9;background:radial-gradient(circle at 65% 65%,rgba(255,217,74,.95) 0%,rgba(255,217,74,.4) 20%,rgba(255,217,74,.12) 40%,transparent 70%)}@media (max-width: 800px){._gradientSpotLeft_1mv9m_11,._gradientSpotRight_1mv9m_30{width:420px;height:420px;filter:blur(100px);left:-100px;top:-100px;right:-100px;bottom:-100px}}