@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2?dpl=dpl_AANWQr4ixMgHeb3pzXgxPAAHJscL)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2?dpl=dpl_AANWQr4ixMgHeb3pzXgxPAAHJscL)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2?dpl=dpl_AANWQr4ixMgHeb3pzXgxPAAHJscL)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2?dpl=dpl_AANWQr4ixMgHeb3pzXgxPAAHJscL)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2?dpl=dpl_AANWQr4ixMgHeb3pzXgxPAAHJscL)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2?dpl=dpl_AANWQr4ixMgHeb3pzXgxPAAHJscL)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2?dpl=dpl_AANWQr4ixMgHeb3pzXgxPAAHJscL)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_4a4f7444-module__UHjWDq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_4a4f7444-module__UHjWDq__variable{--font-inter:"Inter", "Inter Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f4f4;width:100%;height:100%;min-height:100dvh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body>.wrapper{width:100%;min-height:100dvh;padding-bottom:76px;display:grid}body>.wrapper>.content{flex-direction:column;grid-column:1;width:100%;display:flex}ul{list-style:none}a{color:inherit;text-decoration:none}.textCenter{text-align:center}.capitalize{text-transform:capitalize}.dFlex{display:flex}.flexCol{flex-direction:column;display:flex}.flexRow{flex-direction:row;display:flex}.grow{flex-grow:1}.alignItemsCenter{align-items:center}.g1{gap:10px}.g2{gap:20px}.mlAuto{margin-left:auto}.mxAuto{margin-left:auto;margin-right:auto}.m0{margin:0!important}.mb2{margin-bottom:20px!important}.w100{width:100%}.p2{padding:20px}@layer components{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tab-content-animation[data-state=active]{background-color:var(--primary);animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:480px){.sm-hidden{display:none}}@media (min-width:481px) and (max-width:768px){.md-hidden{display:none}}@media (min-width:769px) and (max-width:1279px){.md-hidden{display:none}.smHidden{display:none!important}}@media (min-width:1280px){body>.wrapper{grid-template-columns:76px 1fr;padding-bottom:0}body>.wrapper>.content{grid-column:2}.md-hidden{display:none}.mdHidden{display:none!important}}@media (max-width:1279px){.smHidden{display:none!important}}
body>.wrapper{flex-direction:column;min-height:100dvh;display:flex}body>.wrapper>.wrapper.default{flex:1;display:flex}main.container{flex-direction:column;flex:1;margin:16px;display:flex}main.container>.card{background-color:#fff;flex:1}
:root{--card-bg:#ffffffb3;--card-border:#d1d5db4d;--text-main:#1f2937;--text-muted:#6b7280;--accent-color:#3b82f6}.widgets.wrapper{padding:1rem 0}.widgets.wrapper>.grid{grid-template-columns:1fr;gap:20px;display:grid}.widgets.wrapper>.grid>.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.widgets.wrapper>.grid>.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card .title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin:0;font-size:.875rem;font-weight:600}.card .stat{color:var(--text-main);margin:0;font-size:1.875rem;font-weight:700}.card .subtext{color:var(--accent-color);margin-top:4px;font-size:.75rem;font-weight:500}.badge{color:var(--accent-color);background:#3b82f61a;border-radius:99px;padding:4px 8px;font-size:.7rem;font-weight:600}.branch-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.branch-card{background:#fffc;border:1px solid #0000000d;border-radius:16px;padding:20px}.branch-name{color:#111827;border-bottom:1px solid #f3f4f6;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.branch-stats{justify-content:space-between;display:flex}.stat-item .label{color:#6b7280;text-transform:uppercase;font-size:.75rem;display:block}.stat-item .value{font-size:1.25rem;font-weight:700}.value.rent{color:#059669}.value.sales{color:#2563eb}@media (min-width:768px){.widgets.wrapper>.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.widgets.wrapper>.grid{grid-template-columns:repeat(4,1fr)}}
.flex-1{flex:1}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#4cbb17;--primary-dark:#3a8e12;--lime:#84cc16;--secondary:#1a1a1a;--light:#f4f7f6;--disabled:#cecece;--white:#fff;--btn-primary:var(--primary);--btn-secondary:var(--secondary);--btn-text-light:#fff;--btn-text-dark:#333;--text-white:#fff}
.sidebar{z-index:0;background-color:#1e293b;border-top:1px solid #e5e7eb;width:100%;transition:all .3s;position:fixed}.sidebar .navLink{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;padding:12px 0;transition:all .2s ease-in-out;display:flex}.sidebar .navLink:hover .icon{background-color:#f1f1f1}.sidebar .navLink:hover .icon svg{fill:var(--primary);stroke:#0000}.sidebar .navLink .icon{border-radius:16px;justify-content:center;align-items:center;padding:4px 12px;display:flex;position:relative}.sidebar .navLink .icon .default{fill:none;stroke:#999}.sidebar .navLink.active .icon .default{fill:var(--white);stroke:#0000}.sidebar .navLink .icon .alt{fill:#999;stroke:#0000}.sidebar .navLink.active .icon .alt{fill:var(--white);stroke:var(--white)}.sidebar .navLink .title{white-space:nowrap;color:#999;text-overflow:ellipsis;max-width:100%;padding:0 4px;font-size:.75rem;font-weight:500;transition:all .3s;display:block;overflow:hidden}.sidebar .navLink.active .title{color:var(--primary);font-weight:600}@media (max-width:480px){.sidebar{inset:auto 0 0}.sidebar .btn.menu{display:none}.sidebar .navWrapper{margin-left:16px;margin-right:16px}.sidebar .navList{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.sidebar .navList::-webkit-scrollbar{display:none}.sidebar .navList .listItem{flex:0 0 20%}}@media (min-width:481px) and (max-width:767px){.sidebar{border-top:none;inset:auto 0 0}.sidebar .btn.menu{display:none}.sidebar .navWrapper{margin-left:16px;margin-right:16px}.sidebar .navList{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.sidebar .navList::-webkit-scrollbar{display:none}.sidebar .navList .listItem{flex:0 0 20%}}@media (min-width:768px) and (max-width:1279px){.sidebar{border-top:none;width:250px;left:-100%}.sidebar .btn.menu{display:flex}}@media (min-width:1280px){.sidebar{z-index:10;border-top:none;align-self:flex-start;width:76px;height:calc(100vh - 72px);position:sticky;top:72px;left:0}}
header.header{background-color:var(--white);border-bottom:1px solid #e0e0e0;align-items:center;height:72px;display:flex;position:sticky;top:0}header>.wrapper{flex:1;padding:0 16px;display:flex}header.header .btnList{align-items:center;gap:10px;margin-left:auto;margin-right:16px;display:flex}header.header .btn.menu{display:none}header>.logo{margin-left:16px}.departments{background-color:var(--white);border:2px solid #f1f1f1;border-radius:20px;flex-direction:column;max-width:250px;margin:auto;padding:20px;display:flex}.departments>.title{color:var(--primary);margin-bottom:20px;font-size:.9rem;font-weight:600}.departments>.appsList{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.departments>.appsList .listItem .app{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.departments .appsList .listItem .app .icon{background-color:var(--light);border-radius:8px;width:40px;height:40px}.departments .appsList .listItem .app:hover .icon,.departments .appsList .listItem .app .icon.active{background-color:var(--primary)}.departments .appsList .listItem .app:hover .icon svg,.departments .appsList .listItem .app .icon.active svg{fill:var(--white)}.departments .appsList .listItem .app>.title{color:#888;margin-bottom:20px;font-size:.8rem}.departments .appsList .listItem .app:hover .title{color:var(--primary)}.departments .appsList .listItem .app .icon svg{fill:#777}@media (min-width:768px){header.header .btn.menu{display:flex}}
.btn{cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #0000;outline:#0000;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.btn.close{background-color:var(--primary-pale);border-radius:50%;width:30px;height:30px;position:absolute;right:20px}.btn.menu{background-color:var(--primary);width:100%;max-width:76px;height:72px}.btn.avatar{width:40px;height:40px;color:var(--text-white);background-color:var(--primary);border-radius:50%;font-size:1.25rem}.btn.notifications,.btn.apps{background-color:#f9f9f9;border:1px solid #f1f1f1;border-radius:50%;width:40px;height:40px}.btn.calendar{float:right;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:10px 30px}.btn.alt{border:1px solid #dedede;border-radius:20px;height:40px;padding:9px 23px;font-size:.85rem}.btn.logout{color:#fff;background-color:red;border-radius:12px;width:100%;height:40px;margin-top:20px;font-weight:600}.btn.primary{color:#fff;background-color:var(--primary);border:#0000;border-radius:8px;height:40px;padding:0 20px;font-size:1rem}.btn.primary:hover{background-color:var(--primary-dark)}.btn.primary.outline{color:var(--primary);border:1px solid var(--primary);background-color:#0000}.btn.primary.outline svg{fill:var(--primary)}.btn.primary.outline:hover{color:#fff;background-color:var(--primary)}.btn.primary.outline:hover svg{fill:#fff}.btn.secondary{color:#fff;background-color:var(--secondary);border:#0000;border-radius:8px;height:40px;padding:0 20px;font-size:1rem}.btn.save{color:#fff;background-color:var(--success);border:#0000;border-radius:8px;height:40px;padding:0 20px;font-size:1rem}.btn.upload{border:2px dashed var(--primary);border-radius:10px;flex-direction:column;width:150px;height:120px;padding:20px;display:inline-flex}.btn.publish{color:#fff;background-color:var(--warning);border:#0000;border-radius:8px;height:40px;padding:0 20px;font-size:1rem}.btn.browse{height:44px;color:var(--primary);border:1px solid var(--primary);border-radius:12px;justify-content:center;align-items:center;padding:0 15px;font-weight:600;display:inline-flex}.btn.delete{color:#fff;background-color:var(--danger);border:#0000;border-radius:8px;height:40px;padding:0 20px;font-size:1rem}.btn.remove{background-color:var(--primary-pale);border-radius:50%;width:24px;height:24px}.btn.remove:hover svg{fill:red}.btn.download{margin:20px auto;display:inline-flex}.btn.addAgent{width:44px;height:44px;color:var(--text-white);background-color:var(--primary);border-radius:50%;align-items:center;font-size:1.5rem}.btn.addTenant{min-width:50%}.btn.search{border:#0000;border:2px solid var(--primary-pale);background-color:#fff;border-radius:12px;justify-content:left;min-width:200px;height:40px;padding:0 10px;font-size:1rem}.btn.search:hover{border-color:var(--primary)}.tabs-header{margin-bottom:20px}.tabs-list{justify-content:center;gap:12px;display:flex}.tabs-trigger{border:1px solid var(--primary);cursor:pointer;background:0 0;border-radius:18px;outline:none;height:36px;padding:0 20px;position:relative}.tabs-content-wrapper{z-index:10;color:#666;align-items:center;gap:8px;transition:color .3s;display:flex;position:relative}.tabs-content-wrapper.active .tab-label{color:#fff}.tab-icon{justify-content:center;align-items:center;display:flex}.tab-label{color:var(--primary);font-size:14px;font-weight:500}.active-pill{background-color:#5021ff;border-radius:18px;position:absolute;inset:0}.tabs-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.btn:disabled{cursor:not-allowed;opacity:.7}.pill-group{flex-wrap:wrap;gap:10px;padding:5px;font-size:.9rem;display:inline-flex}.pill-group legend{font:600}.pill-group input[type=radio]{display:none}.pill-group label{cursor:pointer;border:1px solid #ccc;border-radius:50px;padding:8px 20px;transition:background-color .2s;display:inline-block}.pill-group input[type=radio]:checked+label{color:#fff;border-color:var(--primary);background-color:var(--primary)}
.icon{justify-content:center;align-items:center;font-style:normal;display:inline-flex}.icon .primary{fill:var(--primary)}.icon .secondary{fill:var(--secondary)}.embla__button__svg{width:18px;height:18px;fill:var(--primary)}.icon.avatar{color:#fff;background-color:var(--primary);border-radius:50%;width:40px;height:40px;font-weight:500;position:relative}.badge-status{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.blue{color:#0369a1;background-color:#e0f2fe}.red{color:#b91c1c;background-color:#fee2e2}.orange{color:#c2410c;background-color:#ffedd5}.green{color:#15803d;background-color:#dcfce7}.empty-state{text-align:center;color:#666;padding:40px}.badge-status.rented{color:#15803d;background-color:#dcfce7}.badge-status.vacant{color:#c2410c;background-color:#ffedd5}
.DropdownMenuContent,.modal>.apps{background-color:var(--white);border:2px solid #f1f1f1;border-radius:20px;flex-direction:column;padding:20px;display:flex}.DropdownMenuContent>.title{color:#888;margin-bottom:20px;font-size:.8rem}.DropdownMenuContent .appsList,.modal>.apps>.appsList{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.DropdownMenuContent .appsList .listItem .app,.modal>.apps>.appsList .listItem .app{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.DropdownMenuContent .appsList .listItem .app:hover .icon svg{fill:var(--primary)}.DropdownMenuContent .appsList .listItem .app:hover .title{color:var(--primary)}.DropdownMenuContent .appsList .listItem .app .icon,.modal>.apps>.appsList .listItem .app .icon{background-color:var(--light);border-radius:8px;width:40px;height:40px}.DropdownMenuContent .appsList .listItem .app .icon svg,.modal>.apps>.appsList .listItem .app .icon svg{fill:#777}.DropdownMenuContent .appsList .listItem .app .title,.modal>.apps>.appsList .listItem .app .title{text-align:center;font-size:.75rem}.DropdownMenuContent .userInfo{flex-direction:column;justify-content:center;margin-top:20px;display:flex}.DropdownMenuContent .userInfo .avatar{color:#fff;background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-left:auto;margin-right:auto;font-size:2rem;display:flex}.DropdownMenuContent .userInfo .greeting{text-align:center;letter-spacing:normal;padding:10px;font-size:1.375rem;font-weight:400;line-height:1.75rem}.DropdownMenuContent .ul{flex-direction:column;display:flex}.DropdownMenuContent .listItem .link{background-color:#f1f1f1;border-radius:12px;padding:10px 20px;font-size:.9rem;display:flex}.DropdownMenuContent .listItem .link .icon{margin-right:10px}
.modal{z-index:1000;position:fixed;inset:0}.modal .overlay{-webkit-backdrop-filter:blur(16px);cursor:pointer;z-index:999;background-color:#53535f99;width:100vw;height:100vh;position:fixed;inset:0}.modal .wrapper{justify-content:center;width:100%;height:100%;display:flex;position:relative}.modal .wrapper .default{background-color:var(--white);z-index:1001;width:100%;margin:auto;position:relative}.modal>.wrapper>.addnew{border-radius:20px;max-width:600px;margin:auto 16px}.modal>.wrapper>.addnew .header{justify-content:center;padding:20px;font-weight:500;display:flex;position:relative}.modal>.wrapper>.addnew .content{padding:0 20px}.modal>.wrapper>.default>.header,.modal>.wrapper>.default .footer{justify-content:center;padding:20px;display:flex}.modal>.wrapper>.createInvoice{border-radius:20px;max-width:400px;margin:auto 16px}.modal>.card{z-index:1000;margin:100px auto auto}.modal>.card .wrapper{background-color:var(--white);border-radius:20px;flex-direction:column;display:flex}.modal>.card .wrapper .header{padding:20px;font-weight:500;display:flex;position:relative}.modal>.card .wrapper .header .title{text-align:center;width:100%;font-size:1.15rem}.modal>.card .wrapper .header .btn.done{position:absolute;top:20px;right:20px}.modal>.card .wrapper .footer{justify-content:center;margin-bottom:20px;display:flex}.overlay>.modal>.card .handle{background:#00000026;border-radius:2px;width:40px;height:4px;margin-top:6px;margin-left:auto;margin-right:auto;display:flex}.overlay>.modal>.card>.content{flex-direction:column;display:flex}.wrapper.apps>.title{color:#888;margin-bottom:20px;font-size:.8rem}.wrapper.user,.wrapper.apps{background-color:var(--white);border:2px solid #f1f1f1;border-radius:20px;margin:80px auto auto;padding:20px}.user .userInfo{flex-direction:column;justify-content:center;margin-top:20px;display:flex}.user .userInfo .avatar{color:#fff;background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-left:auto;margin-right:auto;font-size:2rem;display:flex}.user .userInfo .greeting{text-align:center;letter-spacing:normal;padding:10px;font-size:1.375rem;font-weight:400;line-height:1.75rem}.delete.default{border-radius:20px;max-width:400px;margin:auto 16px}.delete.default .content{padding:0 20px}.modal>.wrapper>.uploadImages{border-radius:20px;max-width:600px;margin:auto;padding:20px}.modal>.wrapper>.agents{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:400px;max-height:90vh;margin:auto 16px;display:flex;overflow:hidden}.modal>.wrapper>.agents .header{border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;font-weight:500;display:flex}.modal>.wrapper>.agents .content{flex-grow:1;padding:0 20px 20px;overflow-y:auto}.modal>.wrapper>.agents .content .agents{flex-direction:column;gap:16px;display:flex}.modal>.wrapper>.agents .content .agents .card{cursor:pointer;align-items:center;gap:10px;display:flex}.modal>.wrapper>.agents .content .agents .card:hover span{color:var(--primary)}.modal>.wrapper>.agents .content .card .avatar{width:40px;height:40px;color:var(--text-white);background-color:var(--primary);border-radius:50%;font-size:1.25rem;font-style:normal}.modal>.wrapper>.agents .content .agents .card .checkbox{margin-left:auto}.addTenant{border-radius:20px;max-width:500px;height:507px;margin:auto}.addTenant .hidden{display:none}.rdp-month{width:320px}.rdp-month_caption{margin-bottom:20px}.dropdown-nav-container{justify-content:center;gap:10px;margin-bottom:1rem;display:flex}.react-select-container{flex:1;min-width:100px}.wrapper.search .content{padding:20px}.newfolder{border-radius:20px;max-width:20vw;margin:auto 16px}.newfolder .content{margin:0 20px}.addPayment{border-radius:20px;max-width:400px;margin:auto 16px}@media (min-width:769px){.modal>.wrapper>.agents{max-height:70vh;margin:auto}}@media (min-width:1281px){.modal>.wrapper>.publish{min-width:400px}.modal>.wrapper>.agents .content{overflow-y:scroll}.newfolder{min-width:20vw;margin-top:20vh}}
form.default .card .header .title{align-items:center;margin-bottom:20px;display:flex}.inputGrp.floating{width:100%;margin-bottom:20px;position:relative}.inputGrp.floating input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:20px 10px 3px 15px;font-size:1rem;transition:border-color .2s}.inputGrp.floating label{text-transform:uppercase;color:#999;pointer-events:none;background-color:#0000;padding:0 4px;font-size:.95rem;transition:all .2s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.inputGrp.floating input:focus+label,.inputGrp.floating input:not(:placeholder-shown)+label{color:#555;font-size:.65rem;font-weight:100;top:12px}.inputGrp.floating input:focus{border:1px solid #2196f3}.wrapper.group{gap:10px;display:flex}form.default .card{background:#fff;border-radius:20px;width:1169px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000000d}form.default .card.tenant .detailsList{flex-direction:column;gap:20px;display:flex}form.default .card.tenant .detailsList .listItem{gap:8px;display:flex}
table.default{border-collapse:separate;border-spacing:0 12px;width:100%;margin-top:-12px}table.default th{text-transform:uppercase;letter-spacing:.05em;text-align:left;color:#475569;background-color:#f8fafc;border-bottom:5px solid #fff;padding:12px 15px;font-size:.75rem;font-weight:600}table.default tbody tr:nth-child(2n) td{background-color:#f8fafc}table.default tbody tr:nth-child(odd) td{background-color:#fff}table.default td{color:#1e293b;background-color:#fff;padding:16px 20px;font-size:.9375rem}table.default tbody tr{transition:transform .2s,box-shadow .2s}table.default tbody tr:hover td{color:var(--primary);background-color:#f1f1f1;border-color:#e2e8f0}table.default tbody tr:hover{cursor:pointer;transform:translateY(-2px)}.text-right{text-align:right}.text-center{text-align:center}.status-badge{border-radius:99px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-active{color:#166534;background:#dcfce7}.status-pending{color:#854d0e;background:#fef9c3}.badge-status{text-transform:uppercase;align-items:center;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-status.success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-status.warning{color:#374151;background-color:#f3f4f6;border:1px solid #854d0e}
.filters{margin:20px 0}.filters>.sm{display:flex}.filters>.md{display:none}.search.wrapper{display:flex}.search.wrapper input.search{color:#1e293b;background:#fff;border:1px solid #cbd5e1;outline:none;height:40px;padding:8px 12px;font-size:14px}.search.wrapper .btn{color:#fff;background-color:var(--primary);height:40px;padding:0 30px;display:flex}.search::placeholder{color:#94a3b8}@media (min-width:768px){.filters>.sm{display:none}.filters>.md{gap:14px;display:flex}}
.tenant.wrapper{color:#475569;background-color:#fff;border-radius:20px;grid-template-columns:1fr;gap:20px;margin-bottom:20px;padding:20px;display:grid}.tenant.wrapper .details{gap:20px;display:flex}.tenant.wrapper .details>.info{flex-direction:column;gap:5px;display:flex}.tenant.wrapper .details>.info .name{color:#475569;font-size:1.75rem;font-weight:600}.tenant.wrapper .details>.info .address,.tenant.wrapper .details>.info .title{color:#666;margin-left:10px;font-size:.95rem}.tenant.wrapper .balance,.tenant.wrapper .rent{gap:5px;display:flex}.tenant.wrapper .balance>.title,.tenant.wrapper .rent>.title{font-size:1.75rem}.tenant.wrapper .balance>.amount,.tenant.wrapper .rent>.amount{margin-bottom:20px;font-size:1.5rem;font-weight:600}@media (min-width:768px){.tenant.wrapper{grid-template-columns:1fr 1fr 1fr}}
.invoice.wrapper{color:#333;background-color:#fff;width:210mm;min-height:297mm;margin:2rem auto;padding:20mm;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 0 20px #0000000d}.invoice.wrapper .header{grid-template-columns:1fr 1fr;align-items:start;margin-bottom:40px;display:grid}.invoice.wrapper .header .details{text-align:right}.invoice.wrapper .header .details .title{letter-spacing:-1px;color:#1a1a1a;margin:0 0 1rem;font-size:3rem;font-weight:800;line-height:1}.invoice.wrapper .header .details .wrapper{color:#666;flex-direction:column;gap:8px;font-size:.9rem;display:flex}.invoice.wrapper .header .invoice-meta .meta-grid{text-align:left;grid-template-columns:auto 1fr;justify-content:end;gap:8px 15px;margin-top:15px;display:grid}.invoice.wrapper .header .invoice-meta .meta-grid strong{text-transform:uppercase;color:#888;letter-spacing:.5px;font-size:.85rem;font-weight:600}.invoice.wrapper .header .invoice-meta .meta-grid span{color:#1a1a1a;font-size:.95rem;font-weight:500}.invoice.wrapper .header .invoice-meta .meta-grid span:last-child{max-width:250px;line-height:1.4}.billTo{font-size:.95rem;line-height:1.5}.billTo strong{color:#000;margin-bottom:4px;font-size:1.1rem;display:block}.invoice.wrapper .info{margin:40px 0}.invoice.wrapper table{border-collapse:collapse;width:100%}.invoice.wrapper th{text-align:left;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #1a1a1a;padding:12px 8px;font-size:.75rem}.invoice.wrapper td{vertical-align:top;border-bottom:1px solid #eee;padding:16px 8px}.invoice.wrapper .text-right{text-align:right}.invoice.wrapper .footer{grid-template-columns:1.5fr 1fr;gap:40px;margin-top:40px;display:grid}.totals-wrapper{flex-direction:column;gap:12px;display:flex}.total-row{justify-content:space-between;font-size:.9rem;display:flex}.total-row.grand-total{color:#000;border-top:2px solid #000;margin-top:10px;padding-top:10px;font-size:1.2rem;font-weight:700}.actions{justify-content:flex-end;gap:20px;max-width:210mm;margin:20px auto;display:flex}.invoice-footer{border-top:2px solid #f3f4f6;justify-content:space-between;gap:40px;margin-top:40px;padding-top:20px;font-size:.9rem;display:flex}.invoice-footer .notes{flex:1;max-width:400px}.invoice-footer .notes h4{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:8px;font-size:.85rem}.invoice-footer .notes p{color:#374151;margin-bottom:12px;line-height:1.5}.bank-details{color:#1f2937;background:#f9fafb;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.invoice-footer .totals{min-width:280px}.total-row{color:#4b5563;justify-content:space-between;padding:8px 0;display:flex}.total-row .value{color:#111827;font-weight:500}.total-row.grand-total{color:#111827;border-top:1px solid #e5e7eb;margin-top:12px;padding-top:16px}.total-row.grand-total .label{font-size:1rem;font-weight:700}.total-row.grand-total .value{color:#2563eb;font-size:1.25rem;font-weight:800}@media (max-width:640px){.invoice-footer{flex-direction:column-reverse;gap:30px}.invoice-footer .notes{max-width:100%}}@media print{body{background:0 0;margin:0}.actions{display:none}.invoice.wrapper{box-shadow:none;width:100%;margin:0}}.createInvoice form>.wrapper{flex-direction:column;padding:0 20px;display:flex}#rent,#latefee,#property,#tenant{color:#1e293b;font-family:Courier New,Courier,monospace;font-weight:700}.AccordionRoot{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow:hidden}.AccordionItem{border-bottom:1px solid #e2e8f0}.AccordionItem:last-child{border-bottom:none}.AccordionHeader{margin:0}.AccordionTrigger{color:#475569;cursor:pointer;background-color:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.AccordionTrigger:hover{background-color:#f8fafc}.AccordionTrigger[data-state=open]{color:#2563eb}.AccordionContent{background-color:#fcfcfd;overflow:hidden}.AccordionContentText{padding:0 16px 16px}.AccordionContentText textarea{resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.95rem}.AccordionContentText textarea:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.AccordionChevron{color:#94a3b8;transition:transform .3s cubic-bezier(.87,0,.13,1),color .2s}.AccordionTrigger[data-state=open] .AccordionChevron{color:#2563eb;transform:rotate(180deg)}.footer{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:2rem;padding-top:1rem;display:flex}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}