main.rent-reporting{background-color:#050505;background-image:radial-gradient(120% 45% at 50% 0,#10382c 0%,#0a1d17 45%,#050505 100%);background-repeat:no-repeat;padding-bottom:40px}.rent-reporting .go-back{background-color:#0e0e0e;border-bottom:.5px solid #ffffff1f}.rent-reporting .go-back .back{color:#fff}.rent-reporting .go-back .title{color:#e9efec}.rent-reporting section{flex-direction:column;gap:28px;padding:24px 16px 60px;display:flex}.tenant-card{background:#0009;border:1px solid #313131;border-radius:18px;flex-direction:column;padding:20px 16px;display:flex;box-shadow:inset 10px 10px 18px #00000080}.tenant-card .card-head{justify-content:space-between;align-items:center;display:flex}.tenant-card .card-head .name-holder{align-items:center;gap:10px;display:flex}.tenant-card .card-head .name-holder h2{font-family:var(--font-denton);letter-spacing:0%;color:#fff;font-size:22px;font-weight:500;line-height:26px}.tenant-card .card-head .name-holder .verified{font-family:var(--font-poppins);letter-spacing:6%;color:#00e7ad;text-transform:uppercase;background-color:#00ffbf1a;border-radius:20px;padding:4px 10px;font-size:8px;font-weight:600}.tenant-card .card-head .invite-btn{font-family:var(--font-poppins);letter-spacing:6%;color:#0b0b0b;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:10px;font-weight:600}.tenant-card .meta-row{align-items:center;gap:10px;margin-top:12px;display:flex}.tenant-card .meta-row .icon{background:#00956f;border:.5px solid #00ffbf;border-radius:50%;justify-content:center;align-items:center;min-width:24px;height:24px;display:flex}.tenant-card .meta-row p{font-family:var(--font-poppins);letter-spacing:0%;color:#d2d2d2;max-width:70%;font-size:10px;font-weight:400;line-height:15px}.tenant-card .divider{background:#b2b2b2;height:1px;margin:18px -16px 0}.tenant-card .calendar-title{font-family:var(--font-poppins);letter-spacing:8%;text-transform:uppercase;color:#888;margin-top:16px;font-size:11px;font-weight:500;line-height:20px}.tenant-card .calendar{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px;display:grid}.tenant-card .calendar .month{background:#1d1d1d66;border:.5px solid #252525;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 0 12px;display:flex}.tenant-card .calendar .month span{font-family:var(--font-poppins);letter-spacing:0%;color:#7c7c7c;font-size:10px;font-weight:400}.tenant-card .calendar .month .status{background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px}.tenant-card .calendar .month.on-time .status{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%231CB58F' stroke-width='2'/%3E%3Cpath d='M8 12l3 3 5-6' stroke='%231CB58F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.tenant-card .calendar .month.delayed .status{background-image:url(/build/assets/pending-DgajFxyX.png)}.tenant-card .calendar .month.not-paid .status{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%236C6C6C' stroke-width='2'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6' stroke='%236C6C6C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.tenant-card .legend{align-items:center;gap:14px;margin-top:12px;display:flex}.tenant-card .legend span{font-family:var(--font-poppins);letter-spacing:0%;color:#7c7c7c;align-items:center;gap:5px;font-size:8px;font-weight:400;display:flex}.tenant-card .legend span:before{content:"";border-radius:50%;width:6px;height:6px}.tenant-card .legend span.on-time:before{background:#00d19d}.tenant-card .legend span.delayed:before{background:#fa0}.tenant-card .legend span.not-paid:before{background:#939393}.tenant-card .stats{gap:10px;margin-top:16px;display:flex}.tenant-card .stats .stat{background:#30303066;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 0;display:flex;box-shadow:inset -3px 3px 9px #00000040}.tenant-card .stats .stat b{font-family:var(--font-denton);letter-spacing:0%;color:#fff;font-size:22px;font-weight:500;line-height:24px}.tenant-card .stats .stat b.score{font-size:24px}.tenant-card .stats .stat span{font-family:var(--font-poppins);letter-spacing:0%;color:#7c7c7c;font-size:10px;font-weight:400}.tenant-card .report-rent{background:#30303066;border-radius:14px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 16px;display:flex;box-shadow:inset -3px 3px 9px #00000040}.tenant-card .report-rent .left h3{font-family:var(--font-poppins);letter-spacing:0%;color:#fff;font-size:15px;font-weight:600;line-height:20px}.tenant-card .report-rent .left p{font-family:var(--font-poppins);letter-spacing:0%;color:#b9b9b9;font-size:10px;font-weight:400}.tenant-card .report-rent button{font-family:var(--font-poppins);letter-spacing:0%;color:#fff;cursor:pointer;background:#1cb58f;border:none;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:600}.tenant-card .rent-receipt{cursor:pointer;background:#ff9b0033;border:.5px solid #ff9b00;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 16px;display:flex}.tenant-card .rent-receipt span{font-family:var(--font-poppins);letter-spacing:0%;color:#ffc670;font-size:12px;font-weight:500}.tenant-card .rent-receipt .arrow{color:#ffc670;font-size:18px;line-height:12px}.tenant-card .transparency-notice{background:#1cb58f14;border:.5px solid #1cb58f80;border-radius:12px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.tenant-card .transparency-notice .icon{background:#006a4f;border:.5px solid #00a078;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;display:flex}.tenant-card .transparency-notice p{font-family:var(--font-poppins);letter-spacing:0%;color:#ddeae5;font-size:10px;font-weight:400;line-height:15px}.tenant-card .transparency-notice p b{color:#fff;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;opacity:0;visibility:hidden;background:#000000a6;justify-content:center;align-items:center;padding:24px;transition:all .25s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-overlay.active .modal{transform:translateY(0)scale(1)}.modal-overlay .modal{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:28px 24px 24px;transition:transform .25s;display:flex;transform:translateY(20px)scale(.96)}.modal-overlay .modal .modal-icon{background:radial-gradient(circle at 50% 30%,#1e2b26 0%,#131a17 100%);border:1px solid #1cb58f59;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.modal-overlay .modal h2{font-family:var(--font-denton);letter-spacing:0%;color:#0b0b0b;margin-top:20px;font-size:26px;font-weight:500;line-height:30px}.modal-overlay .modal p{font-family:var(--font-poppins);letter-spacing:0%;color:#4a4a4a;max-width:280px;margin-top:10px;font-size:11px;font-weight:400;line-height:16px}.modal-overlay .modal .got-it-btn,.modal-overlay .modal .homepage-btn{font-family:var(--font-denton);letter-spacing:0%;color:#fff;cursor:pointer;background:#00a078;border:none;border-radius:60px;width:100%;margin-top:24px;padding:14px;font-size:18px;font-weight:700;line-height:20px;box-shadow:inset 5px 5px 14px #00000040}.receipt-overlay{z-index:10000000;justify-content:center;align-items:flex-end;padding:0}.receipt-overlay.active .receipt-sheet{transform:translateY(0)}.receipt-overlay .receipt-sheet{background:#fffcf5;border-radius:30px 30px 0 0;flex-direction:column;width:100%;max-width:430px;max-height:92vh;padding:12px 24px 28px;transition:transform .3s;display:flex;overflow-y:auto;transform:translateY(100%)}.receipt-overlay .receipt-sheet .grabber{background:#ababab;border-radius:10px;align-self:center;width:60px;height:5px;margin:4px 0 20px}.receipt-overlay .receipt-sheet .breadcrumb{font-family:var(--font-poppins);letter-spacing:6%;text-transform:uppercase;color:#a77200;font-size:10px;font-weight:600}.receipt-overlay .receipt-sheet .receipt-title{font-family:var(--font-denton);letter-spacing:0%;color:#333;margin-top:6px;font-size:30px;font-weight:500;line-height:34px}.receipt-overlay .receipt-sheet .receipt-no{font-family:var(--font-poppins);letter-spacing:0%;color:#242424;margin-top:8px;font-size:12px;font-weight:400}.receipt-overlay .receipt-sheet .receipt-divider{background:#e1ded7;height:1px;margin:18px 0 0}.receipt-overlay .receipt-sheet .receipt-grid{grid-template-columns:1fr 1fr;gap:22px 16px;margin-top:22px;display:grid}.receipt-overlay .receipt-sheet .receipt-grid .field label{font-family:var(--font-poppins);letter-spacing:8%;text-transform:uppercase;color:#9b9891;font-size:10px;font-weight:500;display:block}.receipt-overlay .receipt-sheet .receipt-grid .field p{font-family:var(--font-denton);letter-spacing:0%;color:#535353;margin-top:6px;font-size:14px;font-weight:500;line-height:22px}.receipt-overlay .receipt-sheet .amount-box{background:#1cb58f33;border:.5px solid #00956f;border-radius:12px;justify-content:space-between;align-items:center;margin-top:26px;padding:14px 20px;display:flex}.receipt-overlay .receipt-sheet .amount-box .amount-label{font-family:var(--font-poppins);letter-spacing:4%;text-transform:uppercase;color:#7e7c78;font-size:13px;font-weight:600}.receipt-overlay .receipt-sheet .amount-box .amount-value{font-family:var(--font-denton);letter-spacing:0%;color:#006a4f;font-size:22px;font-weight:500;line-height:28px}.receipt-overlay .receipt-sheet .receipt-note{font-family:var(--font-poppins);letter-spacing:0%;color:#9b9891;margin-top:16px;font-size:11px;font-weight:400;line-height:17px}.receipt-overlay .receipt-sheet .receipt-sign{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.receipt-overlay .receipt-sheet .receipt-sign .owner{font-family:var(--font-denton);letter-spacing:0%;color:#535353;font-size:18px;font-weight:500}.receipt-overlay .receipt-sheet .receipt-sign .stamp{border:1px dashed #b94d00;border-radius:100%;place-items:center;width:70px;height:70px;display:grid;transform:rotate(-20deg)}.receipt-overlay .receipt-sheet .receipt-sign .stamp span{font-family:var(--font-poppins);letter-spacing:0%;text-align:center;vertical-align:middle;color:#b94d01;font-size:9px;font-weight:600;line-height:9px}.receipt-overlay .receipt-sheet .download-btn{font-family:var(--font-poppins);letter-spacing:0%;color:#fff;cursor:pointer;background:#1cb58f;border:1px solid #00956f;border-radius:5px;width:100%;margin-top:26px;padding:16px;font-size:14px;font-weight:600;line-height:16px}
