@import"https://fonts.cdnfonts.com/css/satoshi";html,body{position:relative;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{background:#f8f9fc}.main-content{grid-column:2;grid-row:2;display:flex;flex-direction:column;padding:12px 48px;gap:40px;box-sizing:border-box;height:100%;width:100%;min-width:auto;overflow-x:hidden}.sub-header{grid-column:2;display:flex;padding:16px 24px 16px 0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:45px;box-sizing:border-box}.filter-panel{grid-column:2;display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;box-sizing:border-box;margin-bottom:-20px;position:relative}.filter-panel>*:not(.filter-button-block):not(.advanced-filters){position:relative;z-index:1}.contracts-table{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 2px 4px #29292914;border:1px solid #e6e6e6;width:100%;min-width:auto;height:auto;margin-bottom:0;box-sizing:border-box;border-radius:4px}.pagination-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 42px 42px 0;margin-top:20px;box-sizing:border-box}.contracts-page{display:flex;flex-direction:column;height:100%}.sidebar-header{display:flex;flex-direction:row;align-items:center;padding:32px 48px;gap:10px;width:100%;height:132px;box-sizing:border-box;flex:none;order:0;align-self:stretch;flex-grow:0}.sidebar-logo{flex:none;order:0;flex-grow:0}.sidebar-logo{flex:none;order:0;flex-grow:0;margin-bottom:10px}.sidebar-logo img{width:80px}.sidebar-panel{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:-185px;padding:0;width:100%;height:calc(100vh - 132px);box-sizing:border-box;overflow-y:hidden}.links-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:70%;padding:0 0 30px;font-family:Satoshi;font-style:normal;font-weight:500;box-sizing:border-box}.contracts-text,.reporting-text,.payments-text,.authors-text,.publishers-text,.settings-text,.logout-text{color:#464646;font-size:18px;line-height:23px;width:auto;height:23px;text-align:right;box-sizing:border-box}.contracts-icon,.reporting-icon,.payments-icon,.authors-icon,.publishers-icon,.settings-icon,.logout-icon{width:24px;height:24px}.payments-link,.reporting-link,.contracts-link,.authors-link,.publishers-link{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-decoration:none;gap:12px;width:100%;height:72px;padding:24px 48px;box-sizing:border-box;overflow:hidden}.settings-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:auto 0 10px auto;padding:0 0 40px;width:100%;height:120px;font-family:Satoshi,sans-serif;font-style:normal;font-weight:500;box-sizing:border-box}.settings-link{display:flex;align-items:center;text-decoration:none;gap:12px;width:100%;padding:24px 48px;box-sizing:border-box}.logout-link{display:flex;align-items:center;text-decoration:none;gap:12px;width:100%;padding:24px 48px;box-sizing:border-box;margin-left:-3px}.separator{border:.1px solid #e6e6e6;margin:0;width:100%;box-sizing:border-box}.active-link{background-color:#f8f9fc}.active-link .contracts-text,.active-link .reporting-text,.active-link .payments-text,.active-link .authors-text,.active-link .publishers-text,.active-link .settings-text,.active-link .logout-text{color:#1611c4}.active-link svg path{fill:#1611c4}.welcome-text{width:146px;height:25px;font-family:Satoshi;font-style:normal;font-weight:500;font-size:20px;line-height:125%;text-align:right;color:#0b0b0b}.right-section{display:flex;flex-direction:row;align-items:center;padding:0;gap:24px;width:335px;height:48px}.notification-wrapper{position:relative}.notification-icon{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:#fff;border:1px solid #909090;border-radius:24px;flex-shrink:0;padding:0;cursor:pointer}.notification-icon.active{background:#1f1bc6;border:none}.notification-icon.active svg{width:24px;height:24px;display:block;transform:translateY(1px)}.notification-icon svg{width:24px;height:24px;display:block;transform:translate(2px,2px)}.notifications-popout{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;top:100%;right:0;width:500px;height:auto;background:#fff;border:1px solid #e6e6e6;border-radius:4px;box-shadow:0 6px 12px #29292914;z-index:1000;margin-top:8px;padding:16px 0}.notifications-popout h2{font-family:Satoshi;font-size:17px;font-weight:500;margin-bottom:16px;margin-top:0;padding:0 24px}.popout-divider{width:100%;height:1px;background:#e6e6e6;padding:0}.notification-item{box-sizing:border-box;border-bottom:1px solid #e6e6e6;padding:16px 24px;width:100%;display:flex;justify-content:space-between;align-items:flex-start}.notification-item:last-child,.notification-item:last-of-type,.notifications-popout>.notification-item:last-child{border-bottom:none!important}.notification-content{padding-right:16px;min-width:0}.notification-item p{font-family:Satoshi;font-size:14px;font-weight:400;margin:0 0 10px;color:#292929;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timestamp{font-family:Satoshi;font-size:12px;color:#909090;white-space:nowrap;margin-left:16px;flex-shrink:0}.action-link{font-family:Satoshi,sans-serif;font-size:14px;color:#1f1bc6;text-decoration:none;display:block;margin-top:4px}.action-link svg{width:12px;height:12px;margin-left:5px;display:inline-block;vertical-align:middle;padding-bottom:2px;color:#1510ba}.see-all-notifications{display:block;width:calc(100% - 48px);margin:16px 24px 0;padding:8px;background:#1f1bc6;background:#fff;border:1.6px solid #1510ba;border-radius:4px;font-family:Satoshi;font-size:14px;cursor:pointer}.divider{width:0px;height:32px;border:1px solid #9f9f9f}.user-info{display:flex;flex-direction:row;align-items:center;gap:16px;width:257px;height:48px}.user-name-wrapper{display:flex;align-items:center;max-width:calc(100% - 50px);overflow:hidden}.user-avatar{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center}.user-name,.user-surname{margin-right:5px;font-family:Satoshi,sans-serif;font-style:normal;font-weight:500;font-size:20px;line-height:25px;color:#0b0b0b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.user-name{white-space:normal;overflow-wrap:break-word}}.contracts{font-family:Satoshi;font-style:normal;font-weight:700;font-size:32px}.add-contract{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:161px;height:45px;background:#1611c4;border-radius:4px;margin-right:-24px}.add-contract text{width:95px;height:21px;font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px;line-height:130%;display:flex;align-items:center;color:#fff}.checkbox-container{display:flex;flex-direction:row;align-items:center;padding:0}.published,.publication-date,.will-expire,.expired-contracts{display:flex;align-items:center;gap:8px;cursor:pointer;margin-right:27px}.published-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1.5px solid #1611c4;border-radius:5px;background-color:#fff;box-sizing:border-box;position:relative}.published-icon.checked{background-color:#1611c4}.published-icon svg{width:12px;height:12px;display:block;visibility:hidden}.published-icon.checked svg{visibility:visible}.published-icon.checked svg path{stroke-width:2px}.published-text,.publication-date-text,.will-expire-text,.expired-contracts-text{font-family:Satoshi,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#0b0b0b;margin-left:-2px;white-space:normal;overflow-wrap:break-word}.export-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:147px;height:45px;gap:8px;background:#fff;border:2px solid #292929;border-radius:4px;cursor:pointer;font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px;border-color:#1510ba;color:#1510ba}button:hover{border-color:#007bff}.button-icon{margin-right:8px}.filter-button-block{display:flex;gap:16px;position:relative}.filter-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:101px;height:45px;gap:8px;background:#fff;border:2px solid #292929;border-color:#ccc;border-radius:4px;cursor:pointer;font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px}.filter-button-block,.advanced-filters{z-index:2}.advanced-filters{display:flex;flex-direction:column;align-items:flex-start;position:absolute;padding:24px 40px 32px;gap:40px;top:50px;left:340px;width:700px;height:auto;background:#fff;border:1px solid #292929;border-radius:4px;box-shadow:0 6px 12px #29292914;z-index:1000;box-sizing:border-box}.advanced-filters-header{display:flex;flex-direction:row;align-items:center;padding:0;width:100%;height:20px;flex:none;order:0;flex-grow:1}.advanced-filters-header h3{margin:0;font-family:Satoshi;font-style:normal;font-weight:700;font-size:18px;color:#0b0b0b;position:absolute;left:25px}.advanced-filters-header button{font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px;background:none;border:none;color:#e50000;cursor:pointer;position:absolute;right:25px}.filter-condition{display:flex;align-items:center;gap:20px;margin-bottom:-35px;width:100%;height:51px;font-family:Satoshi;font-style:normal;position:relative;right:12px}.filter-condition-content{display:flex;align-items:center;gap:20px;width:590px}.condition-text{font-size:18px;font-weight:500}.condition-field,.condition-value{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 32px 0 8px;gap:5px;border:1.5px solid #9f9f9f;border-radius:8px;width:250px!important;height:40px!important;font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px;position:relative;margin-right:-8px;margin-left:-8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.condition-value-date{flex:1;padding:0 8px;border:1.5px solid #9f9f9f;border-radius:8px;height:40px;width:calc(50% - 4px);font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url(../../assets/svg/Calendar.svg) no-repeat right 8px center;background-size:16px;cursor:pointer}.condition-value-date::-webkit-calendar-picker-indicator{opacity:0}.condition-value-date::-webkit-datetime-edit{line-height:37px}.status-select{width:250px!important;gap:5px;background:#fff url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.79335%206.45337H11.9467C12.1398%206.45337%2012.2406%206.68875%2012.1048%206.82815C12.1045%206.82847%2012.1042%206.82879%2012.1039%206.82911L9.96646%208.96648L8.65313%2010.2798C8.29506%2010.6379%207.71164%2010.6379%207.35357%2010.2798L3.90024%206.82648C3.76096%206.68721%203.86011%206.45337%204.05335%206.45337H7.79335Z'%20fill='%23464646'%20stroke='%23464646'/%3e%3c/svg%3e") no-repeat right 8px center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-select.up-arrow{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.79335%2010.5467H11.9467C12.1398%2010.5467%2012.2406%2010.3113%2012.1048%2010.1719C12.1045%2010.1715%2012.1042%2010.1712%2012.1039%2010.1709L9.96646%208.03352L8.65313%206.72018C8.29506%206.36214%207.71164%206.36214%207.35357%206.72018L3.90024%2010.1735C3.76096%2010.3128%203.86011%2010.5467%204.05335%2010.5467H7.79335Z'%20fill='%23464646'%20stroke='%23464646'/%3e%3c/svg%3e")}.add-condition{display:flex;justify-content:center;align-items:center;background:#fff;box-sizing:border-box;border:1px solid #1510ba;border-radius:4px;color:#1510ba;cursor:pointer;padding:8px 10px;gap:4px;margin-top:20px;margin-left:-10px;width:123px;height:34px}.add-condition p{font-family:Satoshi;font-size:14px;font-weight:400;color:#1510ba}.add-condition .bold{font-family:Satoshi;color:#1510ba}.date-range-input{display:flex;gap:8px;width:246px;margin-left:-7px}.date-range-input input{width:calc(50% - 11px);padding:0 8px;box-sizing:border-box;height:40px;border:1.5px solid #9f9f9f;border-radius:8px;font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px}.date-range-input input[type=date]::-webkit-calendar-picker-indicator{margin-left:-12px}.hidden-option{display:none}.add-condition p{font-family:Satoshi;font-style:normal;font-weight:400;font-size:14px}.add-condition p-bold{font-family:Satoshi;font-style:normal;font-weight:700;font-size:14px}.clear-condition{width:24px;height:24px;background:none;border:none;flex-shrink:0}.filter-start-block{display:flex;justify-content:flex-end;align-items:flex-start;padding:0;gap:12px;width:620px;height:20px;flex:none;margin-left:6px;margin-top:-35px;margin-bottom:20px}.cancel-filter-button,.start-filter-button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:10px 12px;gap:8px;width:90px;height:40px;border:1px solid #292929;border-radius:4px;font-family:Satoshi;font-style:normal;font-size:14px;cursor:pointer}.start-filter-button{background:#1611c4}.cancel-filter-button{background:#fff}.start-filter-button{font-family:Satoshi;font-style:normal;font-weight:200;display:flex;align-items:center;color:#fff}.cancel-filter-button{font-family:Satoshi;font-style:normal;font-weight:200;display:flex;align-items:center}.contracts-table table{font-family:Satoshi;border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}.contracts-table th,.contracts-table td{padding:8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contracts-table th{height:35px;background-color:#e9e9ed;font-style:normal;font-weight:700;font-size:14px;line-height:140%;color:#464646;position:sticky;top:0;z-index:1}.contracts-table td{font-style:normal;font-weight:500;font-size:16px;height:61px;line-height:20px;color:#0b0b0b;border-bottom:1px solid #e6e6e6}.contracts-table tr:last-child td{border-bottom:none}.contracts-table .expiring-soon{background-color:#fff5ec}.contracts-table .expired{color:#e50000}.contracts-table .signed{color:#238f3b}.contracts-table th:nth-child(1),.contracts-table td:nth-child(1){width:10%}.contracts-table th:nth-child(2),.contracts-table td:nth-child(2){width:15%}.contracts-table th:nth-child(3),.contracts-table td:nth-child(3){width:15%}.contracts-table th:nth-child(4),.contracts-table td:nth-child(4){width:12%}.contracts-table th:nth-child(5),.contracts-table td:nth-child(5){width:10%}.contracts-table th:nth-child(6),.contracts-table td:nth-child(6){width:10%}.contracts-table th:nth-child(7),.contracts-table td:nth-child(7){width:7%}.contracts-table th:nth-child(8),.contracts-table td:nth-child(8){width:10%}.contracts-table th:nth-child(9),.contracts-table td:nth-child(9){width:15%}.no-contracts-message{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a;margin-left:16px;width:1070px}.show-rows{min-width:225px;display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;font-family:Satoshi;font-style:normal;font-weight:500;font-size:16px;color:#0b0b0b;flex-shrink:0;flex-grow:0}.show-rows-text{min-width:150px}.rows-select{width:61px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 12px 8px 16px;gap:4px;width:100%;height:100%;font-family:Satoshi;font-style:normal;font-weight:400;font-size:14px;border:1px solid #292929;border-radius:4px;background:#fff;cursor:pointer;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;text-indent:0;text-overflow:""}.page-info{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;font-family:Satoshi;font-size:16px;color:#646464;margin-left:10px}.page-info-bold{font-family:Satoshi;font-style:normal;font-weight:500;font-size:16px;text-align:right;color:#0b0b0b}.page-controls{display:flex;align-items:center}.arrow-button{display:flex;flex-direction:row;align-items:center;border:none;background:none;margin:0;cursor:pointer;padding:0 0 0 16px}.arrow-button svg{width:20px;height:20px}.pagination-right{display:flex;align-items:center;margin-right:-45px}.select-wrapper{position:relative;display:inline-block;width:61px;height:34px}.select-wrapper svg{position:absolute;right:12px;left:41px;top:45%;transform:translateY(-50%);pointer-events:none}.sub-header-back-button{display:flex;align-items:center;margin-right:10px;margin-left:10px;text-decoration:none}.sub-header-back-button p{display:flex;align-items:center;font-family:Satoshi;font-style:normal;font-weight:500;font-size:16px;line-height:16px;color:#292929;margin-right:5px}.sub-header-arrow-right{width:auto;height:auto;margin-bottom:20px;margin-right:10px;margin-left:-5px}.sub-header-arrow-right svg{width:15px;height:15px}.sub-header-contract-name{font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px;line-height:16px;color:#909090}.create-description-part{box-shadow:0 2px 4px #29292914;border-radius:8px;font-family:Satoshi,sans-serif;background-color:#fff;padding:24px 24px 28px;gap:32px;display:flex;flex-direction:column}.create-description-part h3{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;margin-left:20px}.create-printrun-section{box-shadow:0 2px 4px #29292914;border-radius:8px;padding:24px 24px 32px;font-family:Satoshi,sans-serif;background-color:#fff;margin-top:20px;display:flex;flex-direction:column;justify-content:space-around}.create-printrun-section h3{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;margin-left:20px}.create-form-section{box-shadow:0 2px 4px #29292914;border-radius:8px;gap:32px;font-family:Satoshi,sans-serif;background-color:#fff;padding:24px 24px 32px;margin-top:20px}.create-form-section h3{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;margin-left:20px}.create-additional-section{box-shadow:0 2px 4px #29292914;border-radius:8px;font-family:Satoshi,sans-serif;background-color:#fff;margin-top:20px;padding:24px 24px 32px}.create-additional-section h3{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;margin-left:20px}.form-section{padding-left:10px;padding-right:50px;max-width:1495px;min-width:700px}.form-row{display:flex;align-items:flex-start;margin-bottom:15px}.form-row.format-row{width:100%}.form-column,.form-column-currency{display:flex;flex-direction:column;justify-content:flex-end}.form-column{flex:1;padding:0 15px}.form-column-currency{width:100px;padding:0 5px}.form-group{margin-bottom:15px}.form-group-additional-information{flex:0 0 30%;margin-right:16px}.form-row-additional-information-publication{display:flex;margin-bottom:16px;align-items:flex-start;padding:0 5px}.form-row-additional-information-cancellation{position:relative;display:flex;align-items:center;width:100%;max-width:1495px;box-sizing:border-box}.form-group-additional-information-cancellation{box-sizing:border-box;margin-top:.5px;flex:1}.create-specify-field{width:48.5%;margin-left:30px;margin-right:10px}.form-group-additional-information-cancellation.full-width{width:100%}.form-row-retail-price-and-period{display:flex;flex-wrap:nowrap;width:100%;align-items:center}.form-column-narrow-currency{flex:1 0 100px}.form-column-periods{min-width:410px;padding:0 10px;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-group-additional-information-cancellation{width:48%;box-sizing:border-box;margin-right:13px}.form-group-additional-information-date-of-publication{flex:0 0 43%}.form-group.full-width{width:48%}.checkbox-group{display:flex;align-items:center}label{display:flex;align-items:center;margin-bottom:5px;font-family:Satoshi;font-weight:500!important;font-style:normal;color:#292929;font-size:14px;line-height:130%}.form-input,.form-checkbox{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px;gap:5px;width:100%;height:40px;border:1px solid #9f9f9f;border-radius:8px!important;font-family:Satoshi;font-weight:400;line-height:22.5px;color:#292929!important}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,input[type=text][step="0.01"]:focus,select:focus,.form-input:focus,.form-checkbox:focus{outline:none;border-color:#1611c4;box-shadow:0 0 0 2px #1611c41a}.form-checkbox{width:auto;height:auto;margin-right:5px}.select-with-arrow{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.79335%206.45337H11.9467C12.1398%206.45337%2012.2406%206.68875%2012.1048%206.82815C12.1045%206.82847%2012.1042%206.82879%2012.1039%206.82911L9.96646%208.96648L8.65313%2010.2798C8.29506%2010.6379%207.71164%2010.6379%207.35357%2010.2798L3.90024%206.82648C3.76096%206.68721%203.86011%206.45337%204.05335%206.45337H7.79335Z'%20fill='%23464646'%20stroke='%23464646'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1px center;background-size:12px;padding-right:30px;cursor:pointer;transition:background-image .3s ease;width:100%}.select-with-arrow::-ms-expand{display:none}.select-with-arrow.up-arrow{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.79335%2010.5467H11.9467C12.1398%2010.5467%2012.2406%2010.3113%2012.1048%2010.1719C12.1045%2010.1715%2012.1042%2010.1712%2012.1039%2010.1709L9.96646%208.03352L8.65313%206.72018C8.29506%206.36214%207.71164%206.36214%207.35357%206.72018L3.90024%2010.1735C3.76096%2010.3128%203.86011%2010.5467%204.05335%2010.5467H7.79335Z'%20fill='%23464646'%20stroke='%23464646'/%3e%3c/svg%3e")}.select-with-arrow option{padding-right:25px}.format-row .form-column:first-child{flex:0 0 200px}.format-row .form-column:not(:first-child){flex:1}.radio-group .radio-options{display:flex;gap:22px;padding:0 5px}.radio-group label{display:flex;align-items:center;gap:2px;margin-top:5px}.radio-group input[type=radio]{margin:0}input[type=date]{position:relative;padding-right:30px}input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:auto;position:absolute;right:0;top:0;width:30px;z-index:1}input[type=date]:after{content:"";position:absolute;top:50%;right:8px;transform:translateY(-50%);background-image:url(../../assets/svg/Calendar.svg);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;width:16px;height:17px}input[type=date]::-webkit-datetime-edit{padding-right:25px}.error-message,.success-message{padding:10px;margin-bottom:20px;border-radius:4px;font-weight:700}.error-message{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a;margin-left:16px;width:1070px}.success-message{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.hidden-option{font-family:Satoshi;font-style:normal;font-weight:400;font-size:14px;display:none}.form-input.read-only{background-color:#f0f0f0;cursor:not-allowed}.form-group label{font-weight:500;font-size:16px;line-height:20.8px;color:#292929!important}#form-actions{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;width:105%;padding:26px 0 0}.create-contract-cancel-button{width:94px;height:45px;border-radius:4px;border:1px solid #292929;padding:12px,20px,12px,24px;gap:8px;font-weight:400;font-size:16px;line-height:20.8px;color:#292929;background-color:transparent;font-family:Satoshi,sans-serif;cursor:pointer}.create-contract-save-button{width:141px;height:45px;border-radius:4px;padding:12px,20px,12px,24px;gap:8px;background-color:#1611c4;color:#fff;font-weight:400;font-size:16px;line-height:20.8px;cursor:pointer;border:none;margin-right:30px;font-family:Satoshi,sans-serif}.form-row-additional-information .form-group.full-width.margin-left{margin-left:4%}.main-info-attachments-container{box-shadow:0 2px 4px #29292914;padding:24px 24px 8px;font-family:Satoshi,sans-serif;border-top:1px solid #e6e6e6;border-left:none;border-right:none;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;gap:15px;background-color:#fff}.main-info-attachments-container h2{font-family:Satoshi,sans-serif;font-style:normal;font-size:20px;font-weight:700;line-height:25px;text-align:left;color:#0b0b0b}.attachments-tabs{display:flex;gap:20px;margin-top:30px;justify-content:space-evenly;text-align:left}.tab{cursor:pointer;font-weight:500;font-size:18px;color:#0b0b0b;line-height:23.4px;position:relative;padding-bottom:5px}.tab.active{color:#1611c4;font-weight:500;font-size:18px;line-height:23.4px;cursor:pointer;border-bottom:2px solid #1611c4}.attachment-item svg{margin-right:5px;color:#646464;display:flex}.main-info-page-download-part{margin-left:auto;cursor:pointer;width:30px;height:33px;border-radius:50%;border:1px solid #130fab;display:flex;justify-content:center;align-items:center;text-align:center;padding-left:5px}.attachment-download-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.main-info-page-export-button-block{display:flex;justify-content:center;margin-top:20px}.main-info-page-export-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px 12px 24px;gap:8px;border:1px solid #292929;border-radius:4px;font-family:Satoshi,sans-serif;font-size:16px;font-weight:400;line-height:20.8px;color:#292929;background-color:#fff;cursor:pointer}.main-info-page-export-button svg{color:#292929;margin-right:8px}.upload-button{height:34px;border-radius:4px;border:1px solid #292929;background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;margin-top:10px;width:100%;gap:4px;padding:8px 12px;cursor:pointer}.upload-section{height:82px;padding:24px;background-color:#fff;border-top:1px solid #e6e6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.app-container{display:flex;width:100%}.sidebar{width:236px;background-color:#fff;border-right:1px solid #d0d7de;overflow-y:auto}.header{background-color:#fff;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;height:96px;border-bottom:1px solid #e6e6e6}.contract-management{padding:20px 48px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #9747ff14}.contract-page-navigation{padding:0 48px}.main-content{flex:1;display:flex;flex-direction:column;overflow-x:hidden;padding:0 48px}.main-info-content-wrapper{display:flex;flex-direction:row;width:100%;gap:20px}.main-info-edit-content{flex:2}.main-info-content-wrapper{display:flex;justify-content:space-around;align-items:flex-start;width:100%;gap:20px}.main-info-part{width:74%}.contract-page-main-attachments{width:26%}.contract-info{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px}.contract-info h2{font-family:Satoshi;font-style:normal;font-size:20px;font-weight:500;line-height:120%;margin:0;text-align:right;color:#0b0b0b}.status{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 12px 5px;gap:5px;background-color:#e3eee9;border-radius:20px;border:1px solid #238f3b;font-family:Satoshi;font-style:normal;font-size:12px;font-weight:600;line-height:140%;color:#238f3b;margin-right:auto;margin-left:18px;margin-bottom:29px}.contract-number{font-family:Satoshi;font-style:normal;font-weight:500;font-size:16px;line-height:130%;color:#646464;margin:0}.contract-number-black{font-family:Satoshi;font-style:normal;font-weight:500;font-size:16px;line-height:130%;color:#0b0b0b;margin:0}.contract-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:10px}.contract-actions button{display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;padding:12px 20px;gap:5px;border:1px solid;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.prolong-contract-button{background:#fff;border-color:#1510ba;color:#1510ba}.cancel-contract-button{background-color:#fff;border-color:#dadce0;color:#3c4043}.delete-contract-button{background-color:#fff;border-color:#dadce0;color:#ea4335}.contract-actions button svg{margin-bottom:2px;width:12px;height:12px}.contract-actions button:hover{background-color:#4285f40a}.popout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popout-content,.popout-content-cancel{position:relative;background-color:#fff;padding:20px;border-radius:8px;width:400px;box-shadow:0 4px 6px #0000001a;z-index:1000}.popout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px}.popout-header-cancel{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;margin-top:-15px}.popout-header-delete{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.popout-content h2{margin:0;font-family:Satoshi;font-size:24px;font-weight:700}.popout-header-cancel h2{margin-top:9px;font-family:Satoshi;font-size:24px;font-weight:700}.close-prolong-button{width:16px;height:16px}.close-button-wrapper-cancel{cursor:pointer}.custom-divider{width:110%;height:1px;background-color:#e0e0e0;margin-left:-20px;margin-bottom:15px;margin-top:-15px}.custom-divider-2{width:110%;height:1px;background-color:#e0e0e0;margin-left:-20px;margin-bottom:15px;margin-top:-2px}.custom-divider-3{width:110%;height:1px;background-color:#e0e0e0;margin-left:-20px;margin-bottom:15px;margin-top:20px}.custom-divider-cancel{width:110%;height:1px;background-color:#e0e0e0;margin-left:-20px;margin-bottom:15px;margin-top:-15px}.custom-divider-cancel-2,.custom-divider-delete{width:110%;height:1px;background-color:#e0e0e0;margin-left:-20px;margin-bottom:20px;margin-top:-5px}.prolong-popout-close-button{background-color:#fff;border:1px solid #292929;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 20px 12px 24px;gap:8px;width:195px;height:35px}.input-group,.input-group-cancel{margin-bottom:20px;width:100%}.input-group p{font-family:Satoshi;font-style:normal;font-weight:400;font-size:15px;margin-right:152px;color:#646464}#date-label{font-size:16px!important;font-weight:500!important;line-height:20.8px!important;color:#292929!important}.input-group label{display:block;margin-bottom:2px;font-family:Satoshi!important;font-style:normal!important;font-weight:500!important;font-size:13px!important}.input-group-cancel label{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;font-family:Satoshi!important;font-style:normal!important;font-weight:500!important;font-size:13px!important}.input-wrapper{position:relative;display:inline-block;width:100%}.input-wrapper-cancel textarea{box-sizing:border-box;width:100%;height:50px;padding:14px;background:#fff;border:1px solid #909090;border-radius:8px;font-family:Satoshi;font-style:normal;font-size:14px;color:#9f9f9f;resize:none;outline:none}.optional-text{color:#909090;font-size:12px;margin-right:4px}.input-group input{width:100%;padding:8px 30px 8px 8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.input-wrapper input[type=date]{width:100%}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;font-family:Satoshi}.calendar-icon{position:absolute;right:50px;top:50%;transform:translateY(-50%);width:16px;height:17px;pointer-events:none;z-index:1}.input-group-2{margin-bottom:16px;width:100%}.input-group-2 p{font-family:Satoshi;font-style:normal;font-weight:400;font-size:15px;margin-right:135px;color:#646464;white-space:nowrap;margin-top:15px}.file-upload{border:2px dashed #4f46e5;border-radius:4px;padding:15px;text-align:center;margin-bottom:10px;background:#f5f5fd}.file-upload label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#4f46e5;font-family:Satoshi,sans-serif;font-size:14px;font-weight:500!important;cursor:pointer}.attach-icon{margin-right:4px!important}.popout-actions{display:flex;justify-content:space-between}.popout-actions button{padding:10px 20px;border-radius:4px;cursor:pointer}.popout-actions-cancel{display:flex;justify-content:space-between}.prolong-button{background-color:#1611c4;color:#fff;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 20px 12px 24px;gap:8px;width:195px;height:35px}.prolong-button:hover,.cancel-button:hover,.delete-button:hover,.close-cancel-button:hover{opacity:.9}.input-group textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;resize:vertical;min-height:100px;font-family:Satoshi}.optional-label{font-size:.8em;color:#666;margin-left:5px}.cancel-button{background-color:red;color:#fff;border:none}.warning-text{text-align:left;width:100%;max-width:600px;font-family:Satoshi;font-style:normal;font-weight:400;color:#646464;margin-bottom:20px}.attach-button{display:inline-flex;align-items:center;padding:8px 12px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.attach-icon{margin-right:8px}.close-popout-button{width:24px;height:24px;color:#464646;cursor:pointer}.remove-file-button{width:16px;height:16px}.cancel-text{font-family:Satoshi;font-style:italic;font-weight:700;color:#292929;text-align:left;width:100%;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px}.close-cancel-button{background-color:#fff;border:1px solid #292929;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 20px 12px 24px;gap:8px;width:195px;height:35px}.cancel-contract-cancel-button{background-color:#e50000;border:1px solid #e50000;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 20px 12px 24px;gap:8px;width:195px;height:35px}.contract-page-navigation-block a{display:flex;flex-direction:row;justify-content:center;align-items:center;text-decoration:none;color:#6b7280;font-family:Satoshi,sans-serif;padding:16px 20px;gap:10px;position:relative;transition:color .3s ease;font-family:Satoshi;font-style:normal;font-weight:400;font-size:18px;line-height:125%;text-align:right;color:#0b0b0b}.contract-page-navigation-block a.active-link{color:#1611c4}.contract-page-navigation-block a.active-link:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#1611c4}.contract-page-navigation-block span{white-space:nowrap}#form-actions{display:flex;flex-direction:row;width:100%;align-items:end;justify-content:end;font-family:Satoshi,sans-serif}#form-actions-buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;width:105%;padding:26px 0 0}.edit-contract-cancel-button{width:94px;height:45px;border-radius:4px;border:1px solid #292929;padding:12px,20px,12px,24px;gap:8px;font-weight:400;font-size:16px;line-height:20.8px;color:#292929;background-color:transparent;font-family:Satoshi,sans-serif;cursor:pointer}#edit-contract-cancel-button{width:94px;height:45px;border-radius:4px;border:1px solid #292929;padding:12px,20px,12px,24px;font-weight:400;font-size:16px;line-height:20.8px;color:#292929;background-color:transparent;font-family:Satoshi,sans-serif;cursor:pointer}#edit-contract-save-button{width:141px;height:45px;border-radius:4px;padding:12px,20px,12px,24px;gap:8px;background-color:#1611c4;color:#fff;font-weight:400;font-size:16px;line-height:20.8px;cursor:pointer;border:none;margin-right:40px;font-family:Satoshi,sans-serif}.edit-contract-save-button{width:141px;height:45px;border-radius:4px;padding:12px,20px,12px,24px;gap:8px;background-color:#1611c4;color:#fff;font-weight:400;font-size:16px;line-height:20.8px;cursor:pointer;border:none;margin-right:30px;font-family:Satoshi,sans-serif}.description-section{display:flex;flex-direction:row;justify-content:space-between;font-size:20px;border-radius:8px;color:#0b0b0b;line-height:25px;font-weight:700;background-color:#fff!important}.description-section button{width:127px;height:45px;border-radius:4px;border:1px solid #1510BA;padding:12px 20px 12px 24px;gap:4px;font-weight:400;font-size:16px;line-height:20.8px;color:#1510ba;background-color:#fff;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center;cursor:pointer;font-family:Satoshi,sans-serif}.description-form-section h3{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;margin-left:20px}.description-form-section{box-shadow:0 2px 4px #29292914;border-radius:8px;font-family:Satoshi,sans-serif;background-color:#fff;padding:24px 24px 28px;gap:32px;display:flex;flex-direction:column}.description-form-text-part{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;font-family:Satoshi,sans-serif}.description-section-text{width:100%;height:45px;font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b}.description-form-section .form-column{font-family:Satoshi,sans-serif}.description-form-section .form-group label,.printRun-form-section .form-group label,.format-form-section .form-group label,.additional-form-section .form-group label{color:#292929;font-weight:500;font-size:16px;line-height:20.8px;font-family:Satoshi,sans-serif}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input{padding-right:30px}.calendar-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.additional-section button{width:127px;height:45px;border-radius:4px;border:1px solid #1510BA;padding:12px 20px 12px 24px;gap:7px;font-weight:400;font-size:16px;line-height:20.8px;color:#1510ba;background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;font-family:Satoshi,sans-serif}.printRun-form-section{box-shadow:0 2px 4px #29292914;border-radius:8px;padding:24px 24px 32px;font-family:Satoshi,sans-serif;background-color:#fff;margin-top:20px;display:flex;flex-direction:column;justify-content:space-around}.printRun-section{display:flex;flex-direction:row;justify-content:space-between;font-size:20px;color:#0b0b0b;line-height:25px;font-weight:700}.printRun-section h3{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;margin-left:20px}.printRun-section button{width:127px;height:45px;border-radius:4px;border:1px solid #1510BA;padding:12px 20px 12px 24px;gap:7px;font-weight:400;font-size:16px;line-height:20.8px;color:#1510ba;background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;font-family:Satoshi,sans-serif}.format-form-section{box-shadow:0 2px 4px #29292914;border-radius:8px;gap:32px;font-family:Satoshi,sans-serif;background-color:#fff;padding:24px 24px 32px;margin-top:20px}.format-section{display:flex;flex-direction:row;justify-content:space-between;font-size:20px;color:#0b0b0b;line-height:25px;font-weight:700;background-color:#fff!important}.format-section h3{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;margin-left:20px}.format-section button{width:127px;height:45px;border-radius:4px;border:1px solid #1510BA;padding:12px 20px 12px 24px;gap:7px;font-weight:400;font-size:16px;line-height:20.8px;color:#1510ba;background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;font-family:Satoshi,sans-serif}.additional-form-section{box-shadow:0 2px 4px #29292914;border-radius:8px;font-family:Satoshi,sans-serif;background-color:#fff;margin-top:20px;padding:24px 24px 32px}.additional-section{display:flex;flex-direction:row;justify-content:space-between;font-size:20px;color:#0b0b0b;line-height:25px;font-weight:700;font-family:Satoshi,sans-serif;background-color:#fff}.additional-section h3{font-weight:700;font-size:20px;line-height:25px;color:#0b0b0b;margin-left:20px}.form-group label{margin-bottom:1rem;margin-left:15px;font-weight:400;font-size:18px;line-height:22.5px}.radio-group{display:flex;flex-direction:column}.radio-options label{margin-right:1rem;font-family:Satoshi,sans-serif}.radio-btn:checked{accent-color:#1611C4}.radio-btn:checked+label{color:#1611c4}.radio-btn:disabled{accent-color:#1611C4;cursor:not-allowed;opacity:.7}.form-row{display:flex;flex-wrap:wrap;flex-direction:row;width:104%}.form-row{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;width:104%;padding-left:5px;padding-right:5px;box-sizing:border-box}.form-row input{width:100%}.form-column{flex:1;margin-right:1rem}.form-column-currency{width:100px}.success-message,.error-message{margin-top:1rem;padding:1rem;border-radius:5px}.success-message{background-color:#d4edda;color:#155724}.error-message{background-color:#f8d7da;color:#721c24}.read-only{background-color:#fff!important}.form-row-additional-information .form-group.full-width.margin-left{margin-left:3%}.form-row-additional-information{display:flex;margin-bottom:16px;align-items:flex-start;padding:0 5px;max-width:1495px;min-width:800px}.form-group.full-width.margin-right{margin-left:51%;margin-top:-20px;margin-bottom:-.5px}.edit-specify-field{width:48.7%;margin-left:32px}.edit-form-row-additional-information-cancellation{position:relative;display:flex;align-items:center;width:99%;max-width:1495px;box-sizing:border-box}.edit-form-group-additional-information-cancellation{box-sizing:border-box;margin-top:.5px;flex:1}.edit-form-group-additional-information-cancellation.with-specify{width:48%}.edit-form-group-additional-information-cancellation.full-width{width:100%}.edit-form-group-additional-information-cancellation{width:48%;box-sizing:border-box}.contract-page-history-table-and-attachments{display:flex;flex-direction:row;gap:15px;width:100%;height:auto;margin-bottom:0;box-sizing:border-box}.contract-page-history-table{flex:1;min-width:0}.contract-page-history-attachments{width:auto;flex-shrink:0;margin-top:-10px}.contract-history-table-description{font-family:Satoshi,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#646464;margin-bottom:20px;margin-left:20px}.contract-history-table table{font-family:Satoshi,sans-serif;border-collapse:collapse;width:100%;box-shadow:0 2px 4px #29292914!important;border-radius:4px!important;background:#fff;margin-top:20px}.contract-history-table th,.contract-history-table td{padding:12px 20px;text-align:left}.contract-history-table th{height:25px;background:#e9e9ed;font-style:normal;font-weight:700;font-size:14px;line-height:140%;color:#464646;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-history-table td{font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#0b0b0b;border-bottom:1px solid #e6e6e6;vertical-align:top}.field-label{font-family:Satoshi,sans-serif;font-style:normal;font-weight:600;font-size:12px;line-height:15px;color:#646464;margin-bottom:2px}.field-value{font-family:Satoshi,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#0b0b0b}.contract-history-table tr:last-child td{border-bottom:none}.contract-history-table tbody tr{margin-bottom:8px}.history-table-pagination-container{display:flex}.attachments-container{width:300px;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:20px;font-family:Satoshi}.attachments-container h2{font-family:Satoshi;font-style:normal;align-items:left;font-size:16px;font-weight:700;margin-top:-5px;margin-bottom:10px;text-align:left}.attachments-tabs{display:flex;margin-bottom:16px}.reports-tab,.invoices-tab{padding:8px 16px;border:none;background:none;font-size:14px;font-weight:500;color:#646464;cursor:pointer}.reports-tab.active,.invoices-tab.active{color:#0047ff;border-bottom:2px solid #0047ff}.history-page-download-button{margin-left:auto;background:none;border:none;cursor:pointer;color:#646464}.history-page-export-button-block{display:flex;justify-content:center}.history-page-export-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;margin-top:16px;background-color:#fff;border:1px solid #292929;border-radius:4px;font-family:Satoshi;font-style:normal;font-size:15px;font-weight:400;color:#292929;cursor:pointer}.history-page-export-button svg{color:#292929;margin-right:8px}.contract-page-reporting-block{display:flex;flex-direction:row;width:100%;gap:20px;justify-content:space-between;padding:20px;position:relative}.main-reporting-content{width:74%;gap:30px;display:grid}.contract-page-reporting-attachments{max-width:26%}.reportings-subpage-icon{margin:0}.add-report-header{display:flex;justify-content:space-between;align-items:center}.add-report-h2{font-family:Satoshi;font-weight:300;font-size:14px;color:#646464;margin:0}.add-report-button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;font-family:Satoshi;background:#1611c4;color:#fff;border:none;border-radius:4px;padding:12px 20px 12px 24px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.add-report-button:hover{background-color:#4338ca}.reportings-subpage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}.reportings-subpage-grid-element{height:66px;border-radius:4px;padding:26px 20px 11px;box-shadow:0 2px 4px #29292914;background-color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden}#balance{font-family:Satoshi;font-weight:700;font-size:20px;line-height:25px;color:#1611c4}#paid{font-family:Satoshi;font-weight:700;font-size:20px;line-height:25px;color:#238f3b}#pending{font-family:Satoshi;font-weight:700;font-size:20px;line-height:25px;color:#4f460f}.reportings-subpage-grid-element p{font-weight:500;font-size:24px;line-height:28.8px;color:#0b0b0b;margin-top:10px}.icon-section{width:48px;height:48px;border-radius:30px;padding:8px,16px,8px,16px;gap:5px;background-color:#f5f5fd;display:flex;justify-content:center;align-items:center;text-align:center}.icon-section-pending{width:48px;height:48px;border-radius:30px;padding:8px,16px,8px,16px;gap:5px;background-color:#7b6e1e24;justify-content:center;align-items:center;text-align:center}.reporting-period-header{display:flex;justify-content:flex-end;align-items:center}.reporting-period-button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:45px;font-family:Satoshi,sans-serif;font-style:normal;font-weight:400;font-size:14px;background:#fff;color:#292929;border:1px solid #292929;border-radius:4px;padding:12px 20px 12px 24px;gap:8px;cursor:pointer;transition:background-color .3s ease}.reporting-period-icon{font-size:16px}.reporting-period-modal{font-family:Inter,sans-serif;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:600px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.modal-header{display:flex;justify-content:flex-end;margin-bottom:20px}.modal-header span{background-color:#464646;color:#e8e8f9;width:187px;border-radius:4px;padding:12px 20px;gap:8px;font-weight:400;font-size:16px;line-height:20.8px;display:flex;align-items:center;justify-content:center;text-align:center;margin-left:380px}.model-header-icon{color:#fff;background-color:#fff}.modal-content{border:1px solid #292929;border-radius:4px;padding:20px;box-shadow:0 6px 12px #29292914}.calendar-controls{display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav{display:flex;align-items:center;gap:10px}.calendar-nav button{background:none;border:none;cursor:pointer;font-size:18px;color:#4b4b4b}.calendar-nav span{font-weight:500;font-size:16px;line-height:20.8px;color:#090909}.calendars-container{display:flex;justify-content:space-between}.calendar{width:48%}.calendars-container .calendar:last-child{border-left:1px solid #e0e0e0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day-header{text-align:center;font-weight:500;color:#4b4b4b;font-size:12px;padding-bottom:5px}.calendar-day{text-align:center;padding:8px;cursor:pointer;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px}.calendar-day:hover{background-color:#f0f0f0}.calendar-day.selected{background-color:#1a56db;color:#fff}.calendar-day.range{background-color:#e8f0fe}.modal-footer{display:flex;justify-content:space-between;margin-top:20px}.modal-footer button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}#clear-all{background-color:transparent;font-weight:400;line-height:20.8px;color:#e50000;font-size:16px}#cancel{color:#292929;background-color:#fff;border:1px solid #292929;font-weight:400;font-size:16px;line-height:20.8px;padding:12px 20px;width:105px;height:45px;margin-right:10px}.filter{color:#fff;background-color:#1611c4;font-weight:400;font-size:16px;line-height:20.8px;padding:12px 20px;width:105px;height:45px}.reporting-table{width:100%;border-collapse:collapse;font-family:Satoshi,sans-serif;box-shadow:0 2px 4px #29292914}#reporting-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 24px 8px 8px;border-radius:4px;font-size:16px;line-height:20.8px;font-weight:700;cursor:pointer;width:100%;border:none;background-color:#fff}#reporting-select.status-paid{color:#238f3b}#reporting-select.status-pending{color:#4f460f}.delete-report-button{background:transparent;border:none;color:red;font-size:1.5rem;margin-left:1rem;cursor:pointer}.reporting-page-download-button{margin-left:auto;background:none;border:none;cursor:pointer;color:#646464;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;text-align:center;border:1px solid #130fab}.reporting-page-export-button-block{display:flex;justify-content:center;margin-top:20px}.reporting-page-export-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;background-color:#fff;border:1px solid #292929;border-radius:4px;font-family:Satoshi,sans-serif;font-style:normal;font-size:15px;font-weight:400;color:#292929;cursor:pointer}.reporting-page-export-button svg{color:#292929;margin-right:8px}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:500px;flex-direction:column;height:90%;overflow-y:auto;box-shadow:0 6px 12px #29292914}.reporting-contract-info{background-color:#f5f5fd;border-radius:4px;padding:16px;gap:8px;display:flex;margin-bottom:30px;flex-direction:column}.reporting-contract-info span{font-size:14px;line-height:19.6px;font-weight:700;color:#464646}.reporting-contract-info p{font-weight:500;font-size:18px;line-height:23.4px;color:#0b0b0b;display:flex;flex-direction:row;margin:0}.add-report-form{display:flex;flex-direction:column;gap:15px;margin-top:30px}.file-upload-button{display:inline-block;padding:8px 16px;background-color:#f0f0f0;border:1px dashed #ccc;border-radius:4px;cursor:pointer;font-size:14px;color:#1a73e8;text-align:center}.reporting-cancel-button{background-color:#fff;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 20px 12px 24px;width:215px;height:45px;border:1px solid #292929;font-weight:400;line-height:20.8px;font-size:16px;margin-left:15px}.reporting-submit-button{background-color:#1611c4;color:#fff;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;width:215px;height:45px;font-weight:400;font-size:16px;line-height:20.8px}.reporting-submit-button:hover{opacity:.9}.reporting-file-upload{border:2px dashed #4f46e5;border-radius:4px;padding:15px;text-align:center;margin-bottom:10px}.reporting-file-upload label{display:flex;align-items:center;justify-content:center;color:#4f46e5;font-family:Satoshi,sans-serif;font-size:14px;font-weight:500;cursor:pointer}.reporting-input-wrapper{position:relative;display:inline-block;width:96%}.reporting-input-wrapper input[type=date]{width:95%;padding-right:30px}.reporting-calendar-icon{position:absolute;right:-12px!important;top:50%;transform:translateY(-50%);width:16px;height:17px;pointer-events:none;z-index:1}.reporting-text-section{font-weight:400;font-size:18px;line-height:22.5px;color:#646464;position:relative;width:100%;box-sizing:border-box;text-align:left}.select-arrow-add-report{position:absolute!important;right:5px;top:58%;pointer-events:none!important;z-index:1}.select-arrow-add-report svg{margin-top:2px!important;height:16px!important;width:16px!important;display:block}.select-arrow-add-report.rotated svg{transform:rotate(180deg)!important}.main-content-inner{position:relative;width:100%;display:flex;flex-direction:column;gap:42px}.commission-rate-section{background-color:#f8f9fa}.contract-management{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #9747ff14}.contract-page-navigation-block{display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;box-sizing:border-box;border-bottom:1px solid #e5e7eb;padding:0;margin:-5px 0}.commission-rate-manager{display:flex;flex-direction:column;font-family:Satoshi,sans-serif;gap:30px}.add-commission-rate-container{display:flex;justify-content:flex-end}.commission-rate-blocks{display:flex;flex-direction:column}.commission-rate-block{box-sizing:border-box;position:relative;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:20px;font-family:Satoshi,sans-serif}.commission-rate-block h3{font-size:20px;line-height:25px;font-weight:700;color:#0b0b0b;margin-bottom:20px}.commission-rate-inputs{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.input-group{flex:1;min-width:200px;margin-top:10px}.input-group label{display:block;font-size:16px!important;line-height:20.8px!important;color:#292929!important;margin-bottom:8px}.input-group select,.input-group input{height:40px;width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:6px!important;font-size:14px}.input-group select{min-width:200px}.input-group input{width:100px}.add-commission-rate-button .plus-icon{margin-right:5px;font-size:18px}.quantity-input{flex:1 1 calc(33.333% - 14px);min-width:200px}.quantity-input input,.quantity-input-percentage input{width:100%}.quantity-input label,.quantity-input-percentage label{display:block;font-size:.9rem;color:#333;height:10px;margin-bottom:10px}.properties-input-group{display:flex;gap:1rem;justify-content:space-between}.quantity-from{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 14px;gap:5px;width:320px;height:40px;background:#fff;border:1px solid #9f9f9f;border-radius:8px}.quantity-to{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 14px;gap:5px;width:320px;background:#fff;border:1px solid #9f9f9f;border-radius:8px;height:40px}.percentage{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 14px;gap:5px;width:200px;height:40px;background:#fff;border:1px solid #9f9f9f;border-radius:8px}.add-row-button,.add-commission-rate-button{background-color:transparent;display:flex;flex-direction:row;justify-content:flex-end;color:#1510ba;border:1px solid #1510ba;border-radius:4px;padding:6px 12px;font-size:16px;line-height:20.8px;font-weight:400;cursor:pointer;transition:background-color .2s,color .2s;font-family:Satoshi,sans-serif}.add-row-button{margin-top:15px;font-family:Satoshi,sans-serif}.add-row-container{display:flex;justify-content:flex-end;margin-top:15px}.plus-icon{margin-right:5px}.commission-rate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative}.commission-rate-header h3{margin:0}.commission-rate-row{display:flex;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr;margin-top:10px}.type-select::-ms-expand{display:none}.quantity-separator{display:flex;align-items:center;justify-content:center;margin-top:10px}.format-block{grid-column:1 / 2}.close-button-wrapper{position:absolute;top:0;right:0;display:flex;justify-content:flex-end;align-items:center;height:15%;padding-right:10px}.close-commission-rate-button{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.close-commission-rate-button svg{width:20px;height:20px}.save-button-container{bottom:10px;right:85px}.save-changes-button{width:141px;height:45px;border-radius:4px;padding:12px,20px,12px,24px;gap:8px;background-color:#1611c4;color:#fff;font-weight:400;font-size:16px;line-height:20.8px;cursor:pointer;border:none;margin-right:30px;font-family:Satoshi,sans-serif}.save-changes-button:hover{background-color:#0056b3}.save-changes-button:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.type-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:14px;padding-right:40px!important;gap:5px;width:320px;height:40px!important;background:#fff;border:1px solid #9f9f9f!important;border-radius:8px!important;cursor:pointer;position:relative!important}.select-arrow{position:absolute!important;right:68px;top:50%!important;pointer-events:none!important}.select-arrow svg{margin-top:2px!important;height:16px!important;width:16px!important;display:block}.select-arrow.rotated svg{transform:translateY(-50%) rotate(180deg)!important}.properties-input-group.quantity-group{display:flex;gap:10px;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.quantity-from,.quantity-to,.percentage{width:100%;box-sizing:border-box}@media (max-width: 768px){.quantity-input{flex:1 1 100%}}.properties-input-group.quantity-group>*{display:flex;flex-wrap:wrap}.properties-input-group.quantity-group{margin-left:20px}.input-group.format-block{display:flex;flex-direction:column}.select-wrapper{position:relative;width:100%}.add-commission-rate-button span{display:flex;align-items:center;font-family:Satoshi;color:#1510ba;font-style:normal;font-weight:400;font-size:14px}.contract-page-sub-header{display:flex;align-items:center}.contract-management{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #9747ff14;margin-top:-25px}.contract-page-payments-block{display:flex;flex-direction:row;width:100%;gap:20px;justify-content:space-between;padding:20px;position:relative}.reporting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.reporting-controls{margin:20px 0}.reports-sidebar{width:250px;padding:20px;background-color:#f9f9f9;border-left:1px solid #e0e0e0;overflow-y:auto}.main-payments-content{width:74%;gap:30px;display:grid}.contract-page-payments-attachments{max-width:26%}.add-payment-header{display:flex;justify-content:space-between;align-items:center}.add-payment-h2{font-family:Satoshi;font-weight:300;font-size:14px;color:#646464;font-weight:400;margin:0}.add-payment-button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;font-family:Satoshi;background:#1611c4;color:#fff;border:none;border-radius:4px;padding:12px 20px 12px 24px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.add-payment-button:hover{background-color:#4338ca}.plus-icon{margin-right:8px;font-size:18px}.payments-subpage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}.payments-subpage-grid-element{height:66px;border-radius:4px;padding:26px 20px 11px;box-shadow:0 2px 4px #29292914;background-color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.payments-subpage-grid-element>div:first-child{flex:1;min-width:0;overflow:hidden}#balance,#paid,#pending{font-family:Satoshi,sans-serif;font-weight:700;font-size:20px;line-height:25px;display:block;margin-bottom:5px}#balance{color:#1611c4}#paid{color:#238f3b}#pending{color:#4f460f}.payments-subpage-grid-element p{font-weight:500;font-size:24px;line-height:28.8px;color:#0b0b0b;margin-top:10px;text-align:left}.icon-section,.icon-section-pending{flex-shrink:0;width:48px;height:48px;border-radius:30px;display:flex;justify-content:center;align-items:center}.payments-subpage-icon{margin:0}.payments-table{width:100%;border-collapse:collapse;font-family:Satoshi,sans-serif;box-shadow:0 2px 4px #29292914}.status-dropdown{position:relative;display:inline-block;width:100%;border:none}.status-dropdown:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.status-dropdown svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;fill:#464646}#payments-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 24px 8px 8px;border-radius:4px;font-size:16px;line-height:20.8px;font-weight:700;cursor:pointer;width:100%;border:none;background-color:#fff}#payments-select.status-paid{color:#238f3b}#payments-select.status-pending{color:#4f460f}.negative-amount{color:red}.download-btn{background-color:transparent;border:none}.delete-payment-button{background:transparent;border:none;color:red;font-size:1.5rem;margin-left:1rem;cursor:pointer}.attachments-container{width:270px;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:20px;font-family:Satoshi,sans-serif}.attachments-container h2{font-family:Satoshi,sans-serif;font-style:normal;font-size:16px;font-weight:700;margin-bottom:10px;text-align:left}.attachments-list{list-style-type:none;padding:0;margin:0}.attachment-item{display:flex;align-items:center;padding:15px 0;font-size:14px;border-bottom:1px solid #e6e6e6;margin-left:10px}.attachment-item:last-child{border-bottom:none}.attachment-item svg{margin-right:5px;color:#646464}.payments-page-download-button{margin-left:auto;background:none;border:none;cursor:pointer;color:#646464;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;text-align:center;border:1px solid #130fab}.payments-page-export-button-block{display:flex;justify-content:center;margin-top:20px}.payments-page-export-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;background-color:#fff;border:1px solid #292929;border-radius:4px;font-family:Satoshi,sans-serif;font-style:normal;font-size:15px;font-weight:400;color:#292929;cursor:pointer}.payments-page-export-button svg{color:#292929;margin-right:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:500px;flex-direction:column;height:80%;overflow-y:auto;box-shadow:0 6px 12px #29292914}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-weight:700;font-size:28px;line-height:32.2px;color:#0b0b0b}.modal-close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.payment-contract-info{background-color:#f5f5fd;border-radius:4px;padding:16px;gap:8px;height:75px;display:flex;margin-bottom:30px;flex-direction:column}.payment-contract-info span{font-size:14px;line-height:19.6px;font-weight:700;color:#464646}.payment-contract-info p{font-weight:500;font-size:18px;line-height:23.4px;color:#0b0b0b;display:flex;flex-direction:row}.add-payment-form{display:flex;flex-direction:column;gap:15px;margin-top:30px}.form-group{display:flex;position:relative;flex-direction:column}.form-group label{font-size:16px;font-weight:500;line-height:20.8px;color:#292929;margin-bottom:10px}.form-group input,.form-group select{padding:8px 12px;border:1px solid #9f9f9f;border-radius:8px;font-size:16px;font-weight:400;line-height:22.5px;color:#292929}.uploaded-files{margin-top:15px;margin-bottom:15px}.file-item{display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;border-bottom:none;width:100%;margin-left:-10px;position:relative}.file-item:after{content:"";position:absolute;bottom:0;left:49%;transform:translate(-50%);width:93%;height:1px;background-color:#e0e0e0}.file-item:last-child:after{display:none}.file-name{font-size:14px;font-family:Satoshi;font-weight:500;flex-grow:1;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-file{background:none;border:none;color:#999;cursor:pointer;font-size:10px}.remove-file:hover{color:#666}.file-item .close-button{width:20px;height:20px;margin-left:12px;color:#464646}.file-upload-button{display:inline-block;padding:8px 16px;background-color:#f0f0f0;border:1px dashed #9f9f9f;border-radius:4px;cursor:pointer;font-size:14px;color:#1a73e8;text-align:center}.form-actions{display:flex;justify-content:space-around;margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0;gap:30px}.payment-cancel-button{background-color:#fff;border:1px solid #292929;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 20px 12px 24px;width:215px;height:45px;font-weight:400;line-height:20.8px;font-size:16px;margin-left:15px}.payment-submit-button{background-color:#1611c4;color:#fff;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;width:215px;height:45px;font-weight:400;font-size:16px;line-height:20.8px}.payment-submit-button:hover{opacity:.9}.payment-file-upload{border:2px dashed #4f46e5;border-radius:4px;padding:15px;text-align:center;margin-bottom:10px}.payment-file-upload label{display:flex;align-items:center;justify-content:center;color:#4f46e5;font-family:Satoshi,sans-serif;font-size:14px;font-weight:500;cursor:pointer}.payment-input-wrapper{position:relative;display:inline-block;width:95%}.payment-input-wrapper input[type=date]{width:96%;padding-right:30px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.payment-calendar-icon{position:absolute;right:-17px;top:50%;transform:translateY(-50%);width:16px;height:17px;pointer-events:none;z-index:1}.file-item .file-icon{width:16px;height:16px;flex-shrink:0;margin-right:12px}.file-upload-section p{display:flex;flex-direction:row;color:#646464;font-weight:400;font-size:18px;line-height:22.5px}.payment-text-section{font-weight:400;font-size:18px;line-height:22.5px;color:#646464;position:relative;width:100%;box-sizing:border-box;text-align:left}.error-message{width:max-content;display:flex;flex-direction:column;color:#ff4d4f;font-size:14px;margin-top:10px;margin-right:40px}.select-arrow-add-payment{position:absolute!important;right:5px;top:58%;pointer-events:none!important;z-index:1}.select-arrow-add-payment svg{margin-top:2px!important;height:16px!important;width:16px!important;display:block}.select-arrow-add-payment.rotated svg{transform:rotate(180deg)!important}.settings{width:146px;height:35px;font-family:Satoshi;font-style:normal;font-weight:600;font-size:28px;line-height:35px;text-align:right;color:#0b0b0b;flex:none;order:0;flex-grow:0;margin-left:-40px}.profile-block{display:flex;flex-direction:column;padding:24px;background-color:#fff;width:auto;height:auto;margin-left:0;box-shadow:0 2px 4px #29292914;border-radius:4px}.profile-main-info{display:flex;align-items:center;gap:15px;margin-bottom:20px}.profile-image-container{position:relative;width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:2px}.profile-image{width:100%;height:100%;object-fit:cover}.remove-image-icon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;cursor:pointer}.profile-info{flex-grow:1}.profile-name{font-family:Satoshi;font-weight:500;margin-bottom:5px;color:#0b0b0b}.profile-email{font-family:Satoshi;font-weight:400;color:#464646;font-size:.9em;margin-bottom:5px}.profile-image-info{display:inline-block;color:#818181;font-size:.8em;padding:4px 8px;font-family:Satoshi;font-weight:500;background:#f5f5fd;border-radius:4px}.profile-divider{height:.5px;background-color:#e0e0e0;margin:2px 0 20px}.change-password-block{align-self:flex-start}.change-password-button{display:flex;justify-content:center;align-items:center;gap:5px;background-color:#292929;color:#fff;border:none;width:160px;height:40px;padding:10px 15px;border-radius:4px;cursor:pointer;font-family:Satoshi;font-size:12px;font-style:normal;font-weight:100}.change-password-button svg{width:11px;height:11px}.back-button{display:flex;align-items:center;background:none;border:none;cursor:pointer;margin-left:-25px;font-size:14px;color:#333}.back-button svg{width:15px;height:15px;margin-right:8px}.back-button span{font-family:Satoshi;font-weight:400;font-size:18px;margin-bottom:1px}.change-password-container{display:flex;justify-content:center;align-items:center;width:100%}.change-password-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 8px #29292914;text-align:center;width:400px;height:300px;max-width:90%}.change-password-box h2{margin-bottom:16px;margin-top:-10px;font-size:24px}.change-password-box p{margin-bottom:45px;margin-top:-8px;font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px;text-align:center;color:#464646}.input-group input{padding:10px;border:1px solid #909090;border-radius:8px}.input-group label{display:block;margin-bottom:5px;font-style:normal;font-weight:400;font-family:Satoshi;margin-left:4px;color:#292929}#password,#confirmPassword{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Satoshi,sans-serif}input[type=password],input[type=text]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Satoshi}.submit-button{background-color:#1611c4;width:100%;padding:10px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Satoshi}.change-password-box .submit-button{color:#fff;font-family:Satoshi;font-style:normal;font-size:16px;font-weight:100}.error-popup{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;box-shadow:0 2px 10px #0003;z-index:1000;animation:slideIn .5s ease-out,slideOut .5s ease-in forwards 2.5s;background-color:#ff4d4d;color:#fff}.change-password-success-container{display:flex;justify-content:center;align-items:center;width:100%;height:400px}.change-password-success-container-box{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;width:400px;max-width:90%}.change-password-success-container-box h2{margin-bottom:16px;font-size:24px;font-weight:700}.change-password-success-container-box p{margin-bottom:24px;color:#666}.submit-button{color:#fff;font-family:Satoshi;font-style:normal;font-size:16px;font-weight:100;margin-top:20px}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#f5f5f5}.login-card{font-family:Satoshi,sans-serif;display:flex;flex-direction:column;height:450px;width:400px;max-width:500px;padding:40px;background:#fff;border-radius:8px;box-shadow:0 4px 8px #29292914}p{text-align:center;font-family:Satoshi;font-style:normal;font-weight:700;font-size:27px;margin-top:-4px;margin-bottom:55px}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-weight:400;font-size:14px}input[type=text],input[type=password]{box-sizing:border-box;transition:border-color .3s ease;padding:10px;width:100%;height:40px;font-family:Satoshi;font-style:normal;font-weight:400;font-size:16px;border:1px solid #9f9f9f;border-radius:8px}input[type=text]::placeholder,input[type=password]::placeholder{color:#909090;transition:color .3s ease}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#3730a3}.input-group label[for=email],.input-group label[for=password]{font-weight:500;font-size:14px;margin-left:5px;color:#292929}.checkbox{display:flex;align-items:center;margin-top:0;margin-left:5px;margin-bottom:20px}.checkbox-wrapper{display:flex;align-items:center;cursor:pointer}.checkbox input{display:none}.checkbox-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1.5px solid #1611c4;border-radius:5px;background-color:#fff;box-sizing:border-box;position:relative;margin-right:8px;margin-bottom:5px;margin-left:5px}.checkbox-icon.checked{background-color:#1611c4}.checkbox-icon svg{width:11px;height:11px;visibility:hidden}.checkbox-icon.checked svg{visibility:visible}.checkbox-icon.checked svg path{stroke:#fff;stroke-width:2px}.checkbox label{font-family:Satoshi,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#292929;cursor:pointer}.login-button{width:100%;padding:10px;background-color:#1611c4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.login-button:hover{background-color:#004bbd}.forgot-password{display:block;text-align:center;margin-top:20px;color:#3730a3;text-decoration:none}.error-popup{position:fixed;top:20px;right:20px;background-color:#ff4d4d;color:#fff;padding:15px 20px;border-radius:5px;box-shadow:0 2px 10px #0003;z-index:1000;animation:slideIn .5s ease-out,slideOut .5s ease-in forwards 2.5s}.error-popup p{font-family:Satoshi;font-size:20px;margin:0;color:#fff}.login-first-time-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.login-first-time-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.logo{text-align:center;margin-bottom:1rem}.logo img{width:100px;height:auto}h1{text-align:center;margin-bottom:.5rem}p{text-align:center;color:#666;margin-bottom:1.5rem}.input-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem}.password-input-wrapper{position:relative}input[type=password],input[type=text]{width:100%;border:1px solid #9f9f9f;border-radius:8px!important;gap:5px}.password-input-wrapper input{width:100%;padding:.5rem;border:1px solid #ccc}.toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}.error-message{color:red;margin-bottom:1rem}.password-requirements{font-size:.8rem;color:#666;margin-bottom:1rem}.save-password-button{width:100%;padding:.75rem;background-color:#00f;color:#fff;border:none;border-radius:4px;cursor:pointer}.save-password-button:hover{background-color:#00d}.choose-agency-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.choose-agency-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%;max-width:400px;text-align:center}.logo img{width:60px;margin-bottom:1rem}h2{font-fame:"Satoshi";font-size:1.5rem;margin-bottom:.5rem}p{font-family:Satoshi;color:#464646;margin-bottom:1.5rem}.agency-list{text-align:left;margin-bottom:1rem}.agency-option{display:flex;align-items:center;padding:.5rem;margin-bottom:.5rem;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer}.agency-option input[type=radio]{margin-right:.5rem}.expand-button{background:none;border:none;color:#1510ba;cursor:pointer;margin-bottom:1rem}.continue-button{background-color:#1611c4;color:#fff;border:none;border-radius:4px;padding:.75rem;width:100%;font-size:1rem;cursor:pointer}h2{text-align:center;font-family:Satoshi;font-size:24px;margin-bottom:10px}label{display:block;margin-bottom:5px;font-weight:700;font-family:Satoshi,sans-serif}input[type=email]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Satoshi}.submit-button{background-color:#1611c4;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-family:Satoshi}.recover-password-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#f5f5f5}.recover-password-box{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;width:400px;max-width:90%}.logo{display:flex;flex-direction:column;align-items:center;padding:0;text-align:center;font-weight:700;font-size:24px;margin-bottom:20px}.logo img{width:80px}h2{font-family:Satoshi;font-size:24px;margin-bottom:10px}p{font-family:Satoshi;font-size:16px;color:#666;margin-bottom:20px}.input-group{margin-bottom:20px;text-align:left}.input-group input{padding:10px;border:1px solid #ccc;border-radius:4px}label{display:block;margin-bottom:5px;font-weight:700;font-family:Satoshi;margin-left:4px}input[type=password]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Satoshi}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding-right:40px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.toggle-password:focus{outline:none}.toggle-password svg{width:16px;height:16px}.submit-button{background-color:#1611c4;width:100%;padding:10px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.submit-button:hover{background-color:#004bbd}.error-popup,.success-popup{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;box-shadow:0 2px 10px #0003;z-index:1000;animation:slideIn .5s ease-out,slideOut .5s ease-in forwards 2.5s}.error-popup{background-color:#ff4d4d;color:#fff}.success-popup{background-color:#4caf50;color:#fff}.error-popup p,.success-popup p{font-family:Satoshi;font-size:20px;margin:0;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notifications{width:146px;height:35px;font-family:Satoshi;font-style:normal;font-weight:700;font-size:32px;line-height:35px;text-align:right;color:#0b0b0b;flex:none;order:0;flex-grow:0;margin-left:-24px;margin-bottom:-12px}.notifications-container{display:flex;flex-direction:column;background:#fff;width:100%;height:auto;margin-bottom:0;box-sizing:border-box;box-shadow:0 2px 4px #29292914;border-radius:4px}.notification-block{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 30px;border-bottom:1px solid #e0e0e0}.notification-block:last-child{border-bottom:none!important}.notification-content-full{margin-right:20px}.notification-content-full p{margin:0 0 10px;font-size:14px;color:#292929;font-family:Satoshi;font-style:normal;font-weight:400}.notification-link{display:inline-flex;align-items:center;text-decoration:none;font-family:Satoshi;font-style:normal;font-weight:400;font-size:13px;color:#1510ba}.notification-link svg{width:12px;height:12px;margin-left:5px;display:inline-block;vertical-align:middle;color:#1510ba}.notification-right{display:flex;align-items:center;flex-shrink:0}.notification-time{font-family:Satoshi;font-style:normal;font-weight:500;font-size:12px;color:#0b0b0b;white-space:nowrap;margin-right:20px}.close-notification-button{background:none;border:none;cursor:pointer;padding:0}.close-notification-button svg{width:17px;height:17px}.notifications-container>p{text-align:center;color:#777;font-size:16px;padding:20px 0}.publishers{width:146px;height:35px;font-family:Satoshi;font-style:normal;font-weight:600;font-size:28px;line-height:35px;text-align:right;color:#0b0b0b;flex:none;order:0;flex-grow:0;margin-left:-30px;margin-bottom:30px;margin-top:30px}.publishers-page{font-family:Satoshi;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#646464;margin-top:-20px}.publishers-table table{font-family:Satoshi;border-collapse:collapse;width:100%;box-shadow:0 2px 4px #29292914!important;border-radius:4px!important;background:#fff;margin-top:20px}.publishers-table th,.publishers-table td{padding:8px 20px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publishers-table th{height:25px;background:#e9e9ed;font-family:Satoshi;font-style:normal;font-weight:700;font-size:14px;line-height:140%;color:#464646}.publishers-table td{font-family:Satoshi;font-style:normal;font-weight:500;font-size:14px;height:55px;line-height:20px;color:#0b0b0b;border-bottom:1px solid #e6e6e6}.publishers-table tr:last-child td{border-bottom:none}.authors{width:146px;height:35px;font-family:Satoshi;font-style:normal;font-weight:600;font-size:28px;line-height:35px;text-align:right;color:#0b0b0b;flex:none;order:0;flex-grow:0;margin-left:-65px;margin-bottom:30px;margin-top:30px}.authors-page{font-family:Satoshi;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#646464;margin-top:-20px}.authors-table table{font-family:Satoshi;border-collapse:collapse;width:100%;box-shadow:0 2px 4px #29292914!important;border-radius:4px!important;background:#fff;margin-top:20px}.authors-table th,.authors-table td{padding:8px 20px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.authors-table th{height:25px;background:#e9e9ed;font-family:Satoshi;font-style:normal;font-weight:700;font-size:14px;line-height:140%;color:#464646}.authors-table td{font-family:Satoshi;font-style:normal;font-weight:500;font-size:14px;height:55px;line-height:20px;color:#0b0b0b;border-bottom:1px solid #e6e6e6}.authors-table tr:last-child td{border-bottom:none}.payments-page-icon{margin:0}.payments-grid{display:grid;grid-template-columns:repeat(3,1fr);height:102px;gap:20px;box-sizing:border-box}.payments-grid-element{height:102px;border-radius:4px;padding:16px 20px 20px;box-shadow:0 2px 4px #29292914;background-color:#fff;box-sizing:border-box}.payments-grid-element{display:flex;flex-direction:row;justify-content:space-between}.payments-grid-element p{font-weight:500px;font-size:24px;line-height:28.8px;color:#0b0b0b;margin-top:10px}.payments{width:146px;height:35px;font-family:Satoshi;font-style:normal;font-weight:600;font-size:28px;line-height:35px;text-align:right;color:#0b0b0b;flex:none;order:0;flex-grow:0;margin-left:-30px;margin-bottom:30px;margin-top:30px}.payments-table{width:100%;border-collapse:collapse;font-family:Satoshi,sans-serif;box-shadow:0 2px 4px #29292914;margin-bottom:-30px}.payments-table th,.payments-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.payments-table th{background-color:#e9e9ed;font-weight:700;font-size:14px;line-height:19.6px;color:#464646}.payments-table tr{color:#0b0b0b;font-weight:500;font-size:16px;line-height:20.8px}.payments-table tr:hover{background-color:#f9f9f9}.custom-select-wrapper select{background-color:transparent!important;border:none;outline:none;cursor:pointer;font-size:16px;font-weight:700;color:#4f460f;padding:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.status-paid,.status-pending{background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select{padding:8px;font-size:16px;line-height:20.8px;font-weight:700;color:#4f460f;cursor:pointer;position:relative}.download-button,.arrow-right-button{cursor:pointer;border:none;background-color:none}.dropdown-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none}.payment-file-actions-cell{width:300px;padding:8px 16px!important}.payment-file-name-container{display:flex;align-items:center;justify-content:space-between}.payment-file-name{flex:1;white-space:nowrap;width:50px;overflow:hidden;text-overflow:ellipsis;margin-right:8px;font-size:14px;color:#464646}.payment-action-buttons{display:inline-block;vertical-align:middle}.action-button{border:none;cursor:pointer;padding:4px;margin-left:4px;background-color:transparent!important}.app-container{display:flex;grid-template-columns:236px 1fr;grid-template-rows:auto 1fr;width:100%;height:100vh;position:relative;overflow:hidden}.main-content{grid-column:2;grid-row:2;display:flex;flex-direction:column;padding:12px 48px;gap:40px;box-sizing:border-box;height:100%;width:100%;min-width:1200px;overflow-x:hidden}.analytics-finance-block{font-family:Satoshi}.analytics-page-icon{margin:0}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);height:102px;gap:20px;box-sizing:border-box}.analytics-grid-element{display:flex;flex-direction:row;justify-content:space-between;height:102px;border-radius:4px;padding:16px 20px 20px;box-shadow:0 2px 4px #29292914;background-color:#fff;box-sizing:border-box}.analytics-grid-element span{display:block;font-family:Satoshi,sans-serif;font-weight:700;font-size:20px;line-height:25px}#paymentsByPublisher{color:#1611c4}#paymentsToWriters{color:#238f3b}#agentCommissionNumber{color:#4f460f}.analytics-grid-element p{font-family:Satoshi;font-weight:500;font-size:24px;line-height:28.8px;color:#0b0b0b;margin:10px 0 0}.analytics-currency-value{margin-right:125px!important;font-weight:600!important}.icon-section,.icon-section-pending{width:48px;height:48px;border-radius:30px;gap:5px;display:flex;justify-content:center;align-items:center;text-align:center}.icon-section{background-color:#f5f5fd}.icon-section-pending{background-color:#7b6e1e24}.app-container{display:grid;grid-template-columns:236px 1fr;grid-template-rows:auto 1fr;width:100%;height:100vh;position:relative;overflow:hidden}.sidebar{grid-column:1;grid-row:1 / -1;background-color:#fff;border-right:1px solid #d0d7de;display:flex;flex-direction:column;align-items:center;padding:0;gap:193px;width:236px;box-sizing:border-box;position:fixed;top:0;bottom:0;overflow-y:hidden;overflow-x:hidden}.main-content{grid-column:2;grid-row:2;display:flex;flex-direction:column;padding:12px 48px;gap:40px;box-sizing:border-box;height:100%;width:100%;overflow-x:hidden}.header{grid-column:1 / -1;grid-row:1;background-color:#fff;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;height:96px;width:calc(100% + 100px);margin-left:-49px;margin-top:-12px;box-sizing:border-box;margin-bottom:-10px;border-width:1px;border-style:solid;border-color:#e6e6e6}.report-icon{margin:0}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);height:102px;gap:20px;box-sizing:border-box}.report-grid-element{height:102px;border-radius:4px;padding:16px 20px 20px;box-shadow:0 2px 4px #29292914;background-color:#fff;box-sizing:border-box}.report-grid-element{display:flex;flex-direction:row;justify-content:space-between}#balance{font-weight:700;font-size:20px;line-height:25px;color:#1611c4}#paid{font-weight:700;font-size:20px;line-height:25px;color:#238f3b}#pending{font-weight:700;font-size:20px;line-height:25px;color:#4f460f}.report-grid-element p{font-weight:500px;font-size:24px;line-height:28.8px;color:#0b0b0b;margin-top:10px}.icon-section{width:48px;height:48px;border-radius:30px;gap:5px;background-color:#f5f5fd;display:flex;justify-content:center;align-items:center;text-align:center}.icon-section-pending{width:48px;height:48px;border-radius:30px;gap:5px;background-color:#7b6e1e24;justify-content:center;align-items:center;text-align:center}.reporting{width:146px;height:35px;font-family:Satoshi;font-style:normal;font-weight:600;font-size:28px;line-height:35px;text-align:right;color:#0b0b0b;flex:none;order:0;flex-grow:0;margin-left:-30px;margin-bottom:30px;margin-top:30px}.reporting-table{width:100%;border-collapse:collapse;font-family:Satoshi,sans-serif;box-shadow:0 2px 4px #29292914!important;margin-bottom:-30px}.reporting-table th,.reporting-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.reporting-table th{background-color:#e9e9ed;font-weight:700;font-size:14px;line-height:19.6px;color:#464646}.reporting-table tr{color:#0b0b0b;font-weight:500;font-size:16px;line-height:20.8px}.reporting-table tr:hover{background-color:#f9f9f9}.custom-select-wrapper{display:flex;align-items:center;position:relative;cursor:pointer}.custom-select-wrapper select{background-color:transparent!important;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:35px!important}.custom-select-wrapper select:focus{border:none;outline:none;box-shadow:none}.custom-select-wrapper.open .dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.status-dropdown{display:flex;align-items:center;position:relative;gap:10px}.custom-select{padding:8px;background:#fff;border-radius:4px;font-size:16px;line-height:20.8px;font-weight:700;color:#4f460f;cursor:pointer;position:relative}.download-button{cursor:pointer;border:none;background-color:none;background-color:#fff}.download-button:disabled{cursor:not-allowed;opacity:.5}.arrow-right-button{cursor:pointer;border:none;background-color:none;background-color:#fff}.dropdown-options{position:absolute;top:100%;left:0;background:transparent!important;z-index:10;width:100%;display:flex;flex-direction:column}.dropdown-option{padding:8px;cursor:pointer;font-size:16px;line-height:20.8px;color:#4f460f}.dropdown-option:hover{background-color:#f0f0f0}.dropdown-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2}.dropdown-arrow svg{display:block;width:12px;height:12px;fill:currentColor}.status-dropdown{display:flex;align-items:center;position:relative}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 24px 8px 8px;border-radius:4px;font-size:16px;line-height:20.8px;font-weight:700;cursor:pointer;width:100%;border:none;background-color:#fff}.custom-select.status-paid{color:#238f3b}.custom-select.status-pending{color:#4f460f}.reporting-file-actions-cell{width:300px;padding:8px 16px!important}.reporting-file-name-container{display:flex;align-items:center;justify-content:space-between}.reporting-file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;font-size:14px;color:#464646}.reporting-action-buttons{display:inline-block;vertical-align:middle}.action-button{background:none;border:none;cursor:pointer;padding:4px;margin-left:4px}.action-button svg{width:20px;height:20px}
