.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards .status-message{font-weight:700;font-size:16px;padding:24px;background-color:var(--w);border-radius:8px;box-shadow:0 0 20px #00000026;z-index:1000;position:absolute;top:24px;left:50%;transform:translate(-50%)}.cards-empty{border-radius:8px;padding-top:24px;height:110px;border:1px dashed var(--dark);text-align:center;font-size:12px;font-weight:700;opacity:.3;cursor:pointer;transition:.5s all}.cards-empty:hover{opacity:1;background:var(--w);box-shadow:0 0 20px #0000000d}.cards-empty:hover p{margin-top:4px}.cards-empty:hover span{opacity:1}.cards-empty p{margin-top:10px;font-size:16px;font-weight:400;letter-spacing:-1.28px;transition:.5s all}.cards-empty span{opacity:0;margin-top:5px;font-size:16px;font-weight:400;line-height:1px;transition:.5s all}@media(max-width:992px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:574px){.cards{grid-template-columns:1fr}}.card{padding:16px;border-radius:8px;border:2px solid var(--bglinear, rgba(255, 255, 255, .02));background:var(--w);transition:.5s all;box-shadow:0 0 20px #0000000d;cursor:pointer}.card:hover{box-shadow:0 0 2px #0003;background:var(--light)}.card-sum{position:relative;padding:0 10px;margin-bottom:12px}.card-sum span{position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px;transition:.5s all}.card-sum span.red{background:var(--red)}.card-sum span.green{background:green}.card-sum span.gray{background:var(--dl)}.card-sum-debt{font-size:10px;opacity:.5;font-weight:700;color:var(--dark)}.card-sum h5{font-weight:100;font-size:24px;letter-spacing:-1px}.card-sum h5 p{font-size:16px;font-weight:500;display:inline;color:inherit}.card-sum h5 small{font-size:16px;font-weight:400;color:var(--dl)}.card-icon{width:32px;height:32px;border-radius:4px;background:#809f981a}.card-icon p{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-building{max-width:170px;font-size:15px;font-weight:700;color:var(--dark);line-height:1;letter-spacing:-1px}.card-building span{font-size:12px;font-weight:400;color:var(--dl)}.card-number{font-size:16px;font-weight:500;color:var(--dark);margin-right:12px}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{position:relative;background:var(--w);padding:32px;border-radius:10px;outline:none;z-index:1001}.modal h5{font-size:16px;font-weight:500}.modal .close-button{position:absolute;right:16px;top:16px;cursor:pointer}.modal-form input{display:block;margin-bottom:16px;padding:12px;width:320px;border-radius:8px;border:none;background:#0000000d;font-size:18px;outline:transparent;transition:.5s all}.modal-form input:focus{outline:1px solid var(--yel);background-color:var(--light)}.modal-form label{display:block;margin-bottom:16px;font-size:14px;font-weight:300;color:var(--dl)}.modal-form button{width:100%;padding:10px 20px;height:50px;background-color:var(--red);color:var(--w);border:none;font-weight:700;box-shadow:0 4px 10px #b0ad96}.green{color:green}.red{color:var(--red)}.gray{color:var(--dl)}.charts{display:flex;margin-top:16px}@media(max-width:992px){.charts{flex-direction:column}}.chart-40{width:40%;position:relative;padding:16px;background:var(--w);box-shadow:0 0 20px #0000000d;border-radius:8px}.chart-40-inner{height:calc(100% - 32px);display:flex;flex-direction:column;justify-content:center}@media(max-width:992px){.chart-40{width:100%;margin-bottom:16px}.chart-40-inner,.chart-40-inner-box{margin:0 auto}}.chart-60{width:60%;position:relative;padding:16px;background:var(--w);box-shadow:0 0 20px #0000000d;border-radius:8px;margin-left:12px}@media(max-width:992px){.chart-60{width:100%;margin-left:0}}.chart-container{display:flex;position:relative;max-height:200px}.center-circle{position:absolute;width:80%;height:80%;max-width:200px;background:var(--light);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;border:30px solid var(--gray);z-index:2}.center-text{text-align:center}.center-text p{font-size:20px;font-weight:400}.center-text b{font-size:10;font-weight:700;opacity:.5}.canvas-container{position:relative;z-index:5}.legend{display:flex;flex-direction:column;justify-content:center}.legend-item{position:relative;padding:16px 0}.legend-item-label{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:400;opacity:.5}.legend-item-dot{position:absolute;top:50%;left:0;transform:translateY(-50%);width:16px;height:16px;border-radius:50%}.legend-item-sum{padding-left:24px;font-size:20px;font-weight:400;letter-spacing:-1px}.bg-red{background-color:#ec9025}.bg-gray{background-color:#b0ad96}.bg-blue{background-color:#8787db}.history-table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 0 20px #0000000d;border-radius:8px;background-color:var(--w);text-align:left;overflow:hidden}.history-table caption{padding:15px;font-size:1.2em;font-weight:700;text-align:left;background-color:var(--w)}.history-table thead th{color:var(--dark);opacity:.5;font-size:12px;font-weight:500;letter-spacing:-.8px;padding:12px;border-bottom:1px solid var(--gray)}.history-table tbody tr{opacity:.7;transition:.5s all}.history-table tbody tr:hover{opacity:1}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody td{padding:12px 16px;border-bottom:1px solid var(--gray)}.history-table .status-button{text-align:center;display:inline-block;padding:5px 10px;border-radius:16px;color:var(--w);font-size:.875rem;font-weight:700}.history-table .status-button.ugurlu{background-color:#28a745}.history-table .status-button.gozleme{background-color:#ffc107}@media(max-width:768px){.history-table thead{display:none}.history-table,.history-table tbody,.history-table tr,.history-table td{display:block;width:100%}.history-table tr{margin-bottom:15px}.history-table td{text-align:right;padding-left:50%;position:relative}.history-table td:before{content:attr(data-label);position:absolute;left:15px;top:50%;transform:translateY(-50%);font-weight:700;text-align:left}}.pagination{display:flex;justify-content:center;padding:20px 0;list-style:none}.pagination li{margin:0 5px;padding:5px 10px;border-radius:4px;cursor:pointer}.pagination__link{margin:0 5px;padding:5px 10px;border:1px solid var(--gray);border-radius:4px;color:#333;text-decoration:none;transition:.5s all}.pagination__link:hover{background-color:var(--gray)}.pagination__link--active{background-color:var(--red);color:#fff}.pagination__link--disabled{color:#ccc;cursor:not-allowed}.u-payment-left,.u-payment-right{background:var(--w);border-radius:16px;height:100%}.u-payment-item{padding:16px;border:1px solid var(--yl);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.u-payment-item:hover{background-color:var(--light)}.u-payment-item.selected{background-color:#f3f4f6;border-color:var(--yl)}.u-payment-item.disabled{opacity:.5;cursor:not-allowed}.custom-payment{margin-top:20px}.custom-payment .input-group .form-control{border-radius:8px;padding:12px}.custom-payment .input-group .btn{background:var(--yl);color:var(--dark);border-radius:8px;padding:12px 24px}.custom-payment .input-group .btn:disabled{background:var(--light)}.paybtn{background:var(--yel);color:var(--dark);border-radius:8px;padding:12px 24px;font-weight:500}.paybtn:hover{background:var(--yl)}.total-payment-info{margin-bottom:24px}.total-payment-btn{width:100%;background:var(--yl);color:var(--w);border:none;border-radius:8px;padding:12px;font-weight:500}.total-payment-btn:disabled{background:var(--light)}.payment{padding:20px}.payment-title{position:relative;height:50px;margin-bottom:24px}.payment-title h2{font-size:25px;font-weight:700;padding-left:70px;line-height:50px}.payment-title img{position:absolute;top:50%;left:-30px;transform:translateY(-50%)}.payment-info{position:relative;background-color:var(--w);padding:24px;margin-bottom:32px;border-radius:8px;box-shadow:0 0 15px #00000026}.payment-info-del{position:absolute;right:24px;top:24px;cursor:pointer}.payment-info p{font-size:12px;color:var(--dl);margin-bottom:4px}.payment-info h3{font-size:16px;font-weight:700;margin-bottom:16px}.payment-item{padding:24px;border-radius:8px;border:1px solid var(--gray);margin-top:12px}.payment-item input{background-color:var(--gray);border:1px solid var(--gray);padding:8px 16px;border-radius:8px;width:100%;font-size:16px;font-weight:600;text-align:right;height:42px;outline:none;transition:.5s all}.payment-item input:focus{border:1px solid var(--light)}.payment-content{display:flex;justify-content:space-between;margin-bottom:12px}.payment-content-info{position:relative;padding-left:40px}.payment-content-info img{position:absolute;top:50%;left:0;transform:translateY(-50%)}.payment-content-info h4{font-size:16px;font-weight:700;margin-bottom:4px}.payment-content-info p{font-size:12px;color:var(--dl)}.payment-content-button button{padding:8px 24px;border:1px solid var(--red);font-size:12px;font-weight:500;border-radius:8px;background-color:transparent;text-transform:uppercase;color:var(--red);transition:.5s all}.payment-content-button button:hover{background-color:var(--red);color:var(--w)}.payment-card{background-color:var(--yel);padding:24px;border-radius:8px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.payment-card-price{position:relative;text-align:center}.payment-card-price img{text-align:center;width:100%}.payment-card-price p{position:absolute;top:35%;left:50%;transform:translate(-50%,-35%);font-size:12px;color:var(--dl);font-weight:700}.payment-card-price h2{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;font-weight:200}.payment-card-info{padding:12px 10px 10px 48px;background-color:var(--w);position:relative;border-radius:8px}.payment-card-info img{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.payment-card button{background-color:var(--dark);width:100%;margin-top:16px;height:50px;border-radius:8px;color:var(--w);font-size:16px;font-weight:700}.payment-card button:hover{background-color:var(--red);color:var(--w)}.payment-completed{padding:50px;text-align:center}.payment-completed h2{font-size:25px;font-weight:700;margin:32px auto}.payment-completed p{max-width:500px;margin:0 auto}.payment-completed button{display:block;margin:32px auto}.del-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);outline:none;text-align:center;background-color:var(--w);padding:24px;border-radius:8px;box-shadow:0 0 15px #00000026;z-index:1000}.del-modal h5{font-size:24px;font-weight:500;margin-bottom:24px}.del-modal p{font-size:16px;color:var(--dl);margin-bottom:24px}.del-modal-del{background-color:var(--red);color:var(--w);font-size:18px;font-weight:700;margin-right:16px}.del-modal-close{background-color:var(--dl);color:var(--w);font-size:18px;font-weight:700}@media(max-width:992px){.payment-card{margin-top:24px}}@media(max-width:574px){.payment{padding:0}}.profile{background-color:var(--w);padding:32px;border-radius:8px;box-shadow:0 0 15px #00000026}.profile h2{font-size:24px;font-weight:700;margin-bottom:24px}.profile label{margin-bottom:8px;display:block;font-size:12px;font-weight:500;margin-left:8px}.profile input{font-size:18px;padding:12px 24px;border:none;border-radius:8px;background-color:var(--gray);color:var(--dark);width:100%;margin-bottom:16px}.profile input:disabled{background-color:var(--light)}.profile button{margin-top:32px;width:100%;font-weight:700;font-size:16px}.profile-message{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;background-color:var(--w);box-shadow:0 0 15px #00000026;font-size:16px;font-weight:700}.error-message{position:absolute;width:100%;bottom:0;left:0;padding:8px 12px;background-color:var(--red);color:var(--w);box-shadow:0 0 35px #00000040;font-size:14px;font-weight:500;text-align:center}.header-logo{color:var(--dark);cursor:pointer}.header-logo img{display:block;height:70px}.header-logo h2{font-size:25px;font-weight:600;margin:auto 16px;line-height:25px}.header-profile{margin:auto 0;cursor:pointer;padding:8px 12px;border-radius:12px;color:var(--dark);background-color:transparent;transition:.5s all}.header-profile:hover{background-color:var(--w)}.header-profile-ava{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden}.header-profile-ava img{display:block;width:100%;height:100%}.header-profile-name{display:flex;flex-direction:column;justify-content:center}.header-profile-name h6{font-size:16px;font-weight:700}.header-profile-name p{font-size:12px;opacity:.5;font-weight:700}@media(max-width:992px){.header-profile{padding:8px}.header-profile-name h6{font-size:14px}}@media(max-width:768px){.header-logo h2{font-size:16px;line-height:14px;margin:auto 4px}.header-profile{padding:8px}.header-profile-name{display:none}}.footer{margin-top:50px;margin-bottom:100px}.footer-logo img{display:block;width:36px}.footer-logo h3{margin-left:10px;font-size:35px;font-weight:200;letter-spacing:-1.5px}.footer-text{display:flex;justify-content:end}@media(max-width:768px){.footer{margin-top:50px}.footer-logo img{width:24px}.footer-logo h3{font-size:24px}.footer-text{font-size:10px}}.sidebar{width:240px;background-color:transparent;padding-bottom:24px}.sidebar-menu{border-radius:8px;opacity:.8;transition:.5s all}.sidebar-menu-icon{width:20px;height:20px}.sidebar-menu-icon [class^=bk-]:before,.sidebar-menu-icon [class*=" bk-"]:before{color:var(--dark)}.sidebar-menu-text{margin-left:10px;font-size:14px;font-weight:700}.sidebar-menu:hover{opacity:1;background-color:var(--yel)}.sidebar-menu-logout{background-color:#ff000026}.sidebar a{color:inherit;text-decoration:none}.menu-active{opacity:1;background:var(--gray);box-shadow:0 0 10px #00000026 inset;color:var(--dark)}.menu-active [class^=bk-]:before,.menu-active [class*=" bk-"]:before{color:var(--red)}.toggle-sidebar-btn{display:none}@media(max-width:1199px){.sidebar,.toggle-sidebar-btn{display:none}}.bottom-menu{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;background-color:#fff;box-shadow:0 -2px 10px #0000001a;padding:16px 0;z-index:1000}.bottom-menu-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#000}.bottom-menu-item img{width:24px;height:24px}.bottom-menu-item span{font-size:12px}@media(min-width:1200px){.bottom-menu{display:none}}.auth-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px}@media(max-width:574px){.auth-layout{padding:8px}}.register{overflow:hidden;border-radius:16px;background:var(--w);transition:.5s all;box-shadow:0 0 20px #0000000d}.register-left{padding:80px;background:url(/assets/reg-bg-DXJU-Qh5.png) no-repeat center center/cover}.register-left-img{position:relative;padding:10px;border-radius:50%;border:3px solid rgba(255,255,255,.3);width:80px;height:80px;margin-bottom:30px}.register-left-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.register-left h2{font-size:35px;font-weight:700;margin-bottom:20px}.register-left p{font-size:16px;font-weight:500;line-height:1.5;color:var(--dl)}.register-left-link{padding-top:24px;color:var(--dark)}.register-left-link a{color:var(--dark);font-weight:700;text-decoration:underline}.register-left-link a:hover{text-decoration:none}.register-right{padding:80px;display:flex;flex-direction:column;justify-content:center}.register-right-form{display:flex;flex-direction:column;justify-content:start}.register-right-form label{font-size:16px;font-weight:500;margin-bottom:16px;background-color:var(--light);padding:6px;border-radius:8px}.register-right-form label:before{content:"*";color:var(--red);margin-right:5px}.register-right-form .input-wrapper{position:relative;display:inline-block;font-size:18px}.register-right-form .input-wrapper input{width:100%;border-radius:8px;border:1px solid var(--dl);background:var(--w);transition:.5s all;box-shadow:inset 0 0 10px #ffd7231a;font-size:18px;padding:12px}.register-right-form .input-wrapper input:disabled{background-color:var(--gray);cursor:not-allowed;box-shadow:none;border:1px solid var(--gray);color:var(--dl)}.register-right-form .input-wrapper .phone-input{position:relative;outline:none;font-size:24px;font-weight:500}.register-right-form .input-wrapper .phone-input-phone{padding:12px 12px 12px 75px}.register-right-form .input-wrapper .error{position:absolute;top:105%;left:0;font-size:12px;color:var(--red)}.register__info{margin-top:32px;padding:12px 10px 10px 48px;background-color:var(--w);position:relative;border-radius:8px}.register__info img{position:absolute;top:12px;left:10px}.phone:before{content:"+994";position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:24px;color:var(--dark);z-index:111}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.forgot-password{font-size:16px;font-weight:500;margin-bottom:16px;color:var(--dl);text-decoration:underline}.forgot-password:hover{color:var(--dark)}.registration-message{text-align:center;padding:20px}.registration-message img{max-width:150px;margin-bottom:20px}.registration-message h2{margin-bottom:10px}.registration-message p{margin-bottom:20px}button{position:relative;align-items:center;padding:12px 40px;border-radius:8px;border:none;background:var(--yel);font-size:18px;font-weight:700;border:1px solid transparent;transition:.5s all}button i{position:absolute;top:50%;right:24px;transform:translateY(-50%);color:transparent;font-size:20px;transition:.5s all}button:hover{box-shadow:0 0 10px #0003;background:var(--yl);color:var(--dark);transition:.5s all;cursor:pointer}button:hover i{right:16px;color:var(--dark)}button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none;border:1px solid #ccc}.response-message{background-color:var(--w);border-radius:16px;box-shadow:0 0 15px #00000026;text-align:center;padding:32px}.response-message p{margin-bottom:20px;font-size:16px;font-weight:500}@media(max-width:574px){.register-left,.register-right{padding:40px}}.unregpay{display:flex;align-items:center}.unregpay h2{font-size:20px;font-weight:500}.unregpay h2 span{font-weight:700}.unregpay-sum{margin-right:10px;font-size:16px;font-weight:500}.unregpay-sum span{font-weight:700;color:red}.customer-info{padding:16px;background-color:var(--w);border-radius:16px}.customer-info h2{font-size:24px;font-weight:700;color:var(--dark);line-height:1}.customer-info h2 span{font-weight:300;font-size:18px}.u-payment-left{background-color:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000d}.u-payment-right{background-color:var(--light);border-radius:16px;border:1px solid var(--gray);box-shadow:0 2px 16px #0000000d;height:100%}.u-payment-item{margin:8px;padding:12px;border:1px solid var(--gray);border-radius:12px;transition:background-color .2s;cursor:pointer}.u-payment-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.u-payment-item.selected{background-color:var(--light);border-color:var(--yl)}.u-payment-item.selected .custom-checkbox{color:var(--yl)}.u-payment-item .form-check{padding:0}.u-payment-item .form-check-label{margin-left:.5rem;width:100%;cursor:pointer}.u-payment-item .custom-checkbox{font-size:20px;color:var(--gray);transition:color .2s}.u-payment-item .debt-amount{font-weight:700}.payments-list{padding:8px}.custom-payment{width:100%;padding:8px}.custom-payment .input-group{display:flex}.custom-payment .input-group .form-control{margin:12px;width:100%;height:47px;background-color:var(--w);border:1px solid var(--gray);padding:8px 12px;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.custom-payment .input-group .form-control:focus{outline:none;border-color:var(--yl);box-shadow:0 0 .5rem #0000001a}.total-payment{height:100%;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.total-payment-info .payment-details{font-size:15px}.total-payment-info .payment-details .single-payment-info{padding:2px 0;color:var(--dark)}.total-payment .text-muted{font-size:14px;font-weight:700}.total-payment .text-muted i{color:var(--dark);display:block;font-weight:300}.total-payment .total-amount{font-size:32px;font-weight:700;color:var(--red)}.total-payment-btn{width:100%;padding:14px 24px;background-color:var(--dark);border:none;border-radius:8px;color:var(--w);font-weight:700;font-size:15px;cursor:pointer;transition:background-color .2s}.total-payment-btn:hover{background-color:var(--red);color:var(--w)}.unregistered-header{padding:16px 0;background-color:var(--w);box-shadow:0 2px 4px #0000001a}.unregistered-header .back-btnn{width:32px;height:32px;border:none;padding:12px;margin-left:24px;cursor:pointer;color:var(--dark);background:var(--light);transition:.2s}.unregistered-header .back-btnn:hover{color:var(--yl);background-color:var(--dark);box-shadow:none}.unregistered-header .back-btnn .bi{all:unset;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:var(--yl);text-align:center}.unregistered-header .logo{display:flex;align-items:center;text-decoration:none}.unregistered-header .logo img{height:32px;margin-right:10px}@media(min-width:576px){.unregistered-header .logo img{height:40px}}.unregistered-header .logo span{font-size:20px;font-weight:300;color:var(--dark)}@media(min-width:576px){.unregistered-header .logo span{font-size:24px}}.unregistered-header .login-btn{display:inline-block;padding:6px 16px;border-radius:8px;border:1px solid var(--gray);background-color:var(--w);color:var(--dark);font-weight:500;text-decoration:none;transition:all .3s ease;font-size:14px}@media(min-width:576px){.unregistered-header .login-btn{padding:8px 24px;font-size:16px}}.unregistered-header .login-btn:hover{background-color:var(--yl);color:var(--w);border-color:var(--yl)}.unregistered-footer{padding:24px 0;background-color:var(--w);border-top:1px solid var(--gray)}.unregistered-footer .footer-logo{align-items:center;gap:10px}.unregistered-footer .footer-logo img{height:32px}.unregistered-footer .footer-text p{margin:0;font-size:14px;color:var(--dl);line-height:1.5}.unregistered-layout{min-height:100vh;display:flex;flex-direction:column}.unregistered-main{flex:1;background-color:var(--light);padding:20px 0}:root{--yel: #fee800;--yl: #f1be09;--red: #da2e00;--light: #fef5ea;--w: #fff;--dark: #494949;--gray: #dad9cb;--dl: #706e69}html{scroll-behavior:smooth}body{margin:0;background:var(--light);background-repeat:no-repeat;background-size:cover;font-family:Manrope,sans-serif;font-size:14px;color:var(--dark)}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}input,button,select,textarea{font-family:Manrope,sans-serif;font-weight:500;font-size:15px}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}.content{width:calc(100% - 240px);margin-left:16px}@media(max-width:1200px){.content{width:100%;margin-left:0}}