@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*,:after,:before{box-sizing:border-box}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{margin:0;font-size:16px}div{clear:both}.img-fluid{max-width:100%}h1,h2,h3,h4,h5,h6,p{border:0;margin:0;padding:0}a,a:hover,a:focus{outline:none;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}:root{--color-white:#fff;--color-black:#000;--color-error:#da5050;--color-place:#a99999;--color-border:#d9dbe3;--color-text:#30323d;--color-link:#348bff;--color-primary:#5233ed;--color-title:#171768;--color-gray:#5e5656;--color-sub:#666;--color-green:green}.color-title{color:var(--color-title)}.color-gray{color:var(--color-gray)}.f14{font-size:14px}.f12{font-size:12px}.font-medium{font-optical-sizing:auto;font-family:Manrope,sans-serif;font-style:normal;font-weight:500}.font-semibold{font-optical-sizing:auto;font-family:Manrope,sans-serif;font-style:normal;font-weight:600}.font-bold{font-optical-sizing:auto;font-family:Manrope,sans-serif;font-style:normal;font-weight:700}h1{font-optical-sizing:auto;margin-bottom:16px;font-family:Manrope,sans-serif;font-size:38px;font-style:normal;font-weight:500}@media only screen and (width<=1199px){h1{font-size:32px}}@media only screen and (width<=767px){h1{font-size:28px}}h2,h3{font-optical-sizing:auto;font-family:Manrope,sans-serif;font-style:normal;font-weight:700}h4{font-optical-sizing:auto;font-family:Manrope,sans-serif;font-style:normal;font-weight:500}h5{font-optical-sizing:auto;font-family:Manrope,sans-serif;font-style:normal;font-weight:700}.container-880{max-width:880px;margin:0 auto}@media (width>=1441px){.container-880{max-width:1140px}}@media only screen and (width<=991px){.container-880{max-width:100%;margin:0 16px}}.container-1340{max-width:1340px;margin:0 auto}@media (width>=1441px){.container-1340{max-width:1440px}}.container-1412{max-width:1412px;margin:0 auto}.conatiner-common{width:100%;margin:0 auto;padding:0 15px}@media (width>=1441px){.conatiner-common{max-width:1440px}}.input-wrapper{flex-direction:column;margin-bottom:15px;display:flex}.input-wrapper label{color:var(--color-sub);font-optical-sizing:auto;margin-bottom:3px;font-family:Manrope,sans-serif;font-size:14px;font-style:normal;font-weight:600}.input-wrapper input{touch-action:manipulation;border:1px solid var(--color-border);height:40px;color:var(--color-text);border-radius:4px;padding:4px 15px;font-size:14px}.input-wrapper input.placeholder{color:var(--color-place)}.input-wrapper input:-moz-placeholder-shown{color:var(--color-place)}.input-wrapper input::-moz-placeholder{color:var(--color-place)}.input-wrapper input:-ms-placeholder-shown{color:var(--color-place)}.input-wrapper input::-webkit-input-placeholder{color:var(--color-place)}@media screen and (device-aspect-ratio:375/667){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url]{font-size:14px}}@media screen and (device-aspect-ratio:9/16){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url]{font-size:14px}}.btn{cursor:pointer;font-optical-sizing:auto;border-radius:25px;justify-content:center;align-items:center;height:36px;padding:5px 15px;font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:700;display:inline-flex}@media only screen and (width<=767px){.btn{height:32px;font-size:14px}}.btn:disabled{opacity:.5;cursor:initial;color:var(--color-white);background-color:gray;border-color:gray}.btn:disabled:hover{background-color:gray}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border:none;transition:all .5s}.btn-primary:hover{background-color:#3413da;transition:all .5s}.btn-primary-hallow{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary);transition:all .5s}.btn-primary-hallow:hover{color:var(--color-white);background-color:#3413da;transition:all .5s}.btn-danger{background-color:var(--color-error);color:var(--color-white);border:none;transition:all .5s}.btn-danger:hover{background-color:#cc2b2b;transition:all .5s}.btn-green{background-color:var(--color-green);color:var(--color-white);border:none;transition:all .5s}.btn-green:hover{background-color:#004d00;transition:all .5s}:root{font-size:100%}#root{flex-direction:column;min-height:100svh;display:flex}body{font-display:auto;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color:var(--color-text);font-optical-sizing:auto;font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:500;overflow:initial!important}@media only screen and (width<=767px){body{font-size:14px}}body .common-page{flex-direction:column;min-height:100vh;padding:0 14px 14px;display:flex}@media only screen and (width<=991px){body .common-page{padding:0 8px 8px}}body .common-page header.padding-next+.body-content{padding-top:234px}@media only screen and (width<=1199px){body .common-page header.padding-next+.body-content{padding-top:247px}}@media only screen and (width<=991px){body .common-page header.padding-next+.body-content{padding-top:144px}}body .common-page main{flex:1}a{cursor:pointer;text-decoration:none}a:focus,a:hover,a:active{outline:none}img .max-100{max-width:100%}img .w-100{width:100%}.table-reponsive{overflow-x:hidden}@media only screen and (width<=767px){.table-reponsive{overflow-x:scroll}}table{table-layout:fixed;border-collapse:collapse;width:100%;margin-bottom:16px}@media only screen and (width<=767px){table{max-width:fit-content;margin-bottom:0;display:block}}td,th{border:1px solid var(--color-pink);letter-spacing:normal;vertical-align:top;min-width:170px;padding:20px 24px;font-size:14px;line-height:1.43}@media only screen and (width<=767px){td,th{letter-spacing:normal;min-width:120px;padding:14px;font-size:12px;line-height:1.5}}th{letter-spacing:.51px;text-transform:uppercase;background-color:var(--color-light-pink);white-space:nowrap;line-height:1.14}@media only screen and (width<=767px){th{letter-spacing:.44px;padding:14px;font-size:12px;line-height:1.33}}.common-table{background-color:#eee;border:1px solid #c7bebe;border-right:none;border-radius:8px}.common-table th{vertical-align:middle;background-color:#dedede;font-size:16px}@media only screen and (width<=767px){.common-table th{font-size:12px}}.common-table th.principal{color:var(--color-white);background-color:#88a825}.common-table th.intrest{color:var(--color-white);background-color:#ed8c2b}.common-table th.balance{background-color:var(--color-error);color:var(--color-white)}.common-table th.loan-name{background-color:#d1c8fd}.common-table th.green{color:green}.common-table th.red{color:#ed8c2b}.common-table th,.common-table td{color:var(--color-black);text-align:center;border-bottom:1px solid #c7bebe;border-right:1px solid #c7bebe;padding:10px}.common-table .tr-year.Done td{color:green}.common-table .tr-year td{font-optical-sizing:auto;font-family:Manrope,sans-serif;font-style:normal;font-weight:700}.common-table .tr-year td:first-child{cursor:pointer;font-optical-sizing:auto;color:var(--color-title);font-family:Manrope,sans-serif;font-style:normal;font-weight:800}.common-table .tr-year td:first-child span{border:1px solid;border-radius:3px;justify-content:center;align-items:center;width:12px;height:13px;display:inline-flex}.common-table .tr-year td.Pending{color:#ed8c2b}.common-table .tr-year td.Done{color:green}.common-table .tr-details>td{border:none;padding:0}.common-table .tr-details table{border:none;margin:0}.common-table .tr-details table td{background-color:#d4d2d2;padding:7px 10px}.common-table .tr-details table td:first-child{color:var(--color-title);font-weight:600}.common-table .tr-details table tr.done td{background-color:#b4fae3}.common-table .tr-details div{max-height:0;transition:max-height .3s ease-in-out;overflow:hidden}.common-table .tr-details.open div{max-height:1000px}.common-table .summary-row{font-optical-sizing:auto;background-color:#3c3838;font-family:Manrope,sans-serif;font-style:normal;font-weight:700}.common-table .summary-row td{vertical-align:middle;color:var(--color-white);font-size:16px}@media only screen and (width<=767px){.common-table .summary-row td{font-size:14px}}.common-table .summary-row td div .paid{color:#88a825}.common-table .summary-row td div .rem{color:#ed8c2b}.common-table .summary-row td div span{font-optical-sizing:auto;color:var(--color-white);font-family:Manrope,sans-serif;font-style:normal;font-weight:500}.p-relative{position:relative}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#050816;height:100vh;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.bg-animation{z-index:1;background:linear-gradient(-45deg,#050816,#0f172a,#111827,#1e1b4b) 0 0/400% 400%;width:100%;height:100%;animation:12s infinite gradientShift;position:absolute;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.circles{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.circles span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-radius:50%;animation:20s linear infinite float;display:block;position:absolute;bottom:-150px}.circles span:first-child{width:80px;height:80px;animation-delay:0s;left:10%}.circles span:nth-child(2){width:20px;height:20px;animation-duration:12s;animation-delay:2s;left:20%}.circles span:nth-child(3){width:100px;height:100px;animation-delay:4s;left:35%}.circles span:nth-child(4){width:50px;height:50px;animation-duration:18s;animation-delay:0s;left:50%}.circles span:nth-child(5){width:120px;height:120px;animation-delay:3s;left:65%}.circles span:nth-child(6){width:35px;height:35px;animation-duration:15s;animation-delay:7s;left:80%}.circles span:nth-child(7){width:90px;height:90px;animation-delay:2s;left:90%}@keyframes float{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(-110vh)rotate(360deg)}}.container{z-index:10;text-align:center;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:relative}.content{max-width:700px;animation:1.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo{letter-spacing:2px;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffde4;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 25px;font-size:38px;font-weight:700;animation:3s ease-in-out infinite pulse;display:flex;box-shadow:0 0 35px #6366f180}.logo img{max-width:100px}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 25px #6366f166}50%{transform:scale(1.05);box-shadow:0 0 45px #6366f1cc}to{transform:scale(1);box-shadow:0 0 25px #6366f166}}h1{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:64px;font-weight:700}h2{color:#cbd5e1;letter-spacing:1px;margin-bottom:18px;font-size:24px;font-weight:500}p{color:#94a3b8;margin-bottom:35px;font-size:16px;line-height:1.8}.notify-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 30px #6366f166}.notify-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #6366f1b3}.footer{text-align:center;z-index:10;color:#94a3b8;letter-spacing:1px;width:100%;font-size:14px;position:absolute;bottom:25px}@media (width<=768px){h1{font-size:34px}h2{font-size:20px}p{font-size:15px}.logo{width:160px;height:160px}.logo img{max-width:70px}}