@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--forest:#0f2318;--pine:#3a5c30;--sage:#6e9e7a;--mist:#a8c4ad;--mint:#e4f0e2;--white:#fafdf9;--text-primary:#0f2318;--text-secondary:#4a6b52;--text-muted:#7a9e83;--border:#c8deca;--shadow-sm:0 1px 3px #0f231814;--shadow-md:0 4px 16px #0f23181f;--shadow-lg:0 8px 32px #0f231829;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--sidebar-width:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--mint);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4,h5{letter-spacing:-.01em;font-family:Cormorant Garamond,Georgia,serif;font-weight:600;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.1rem}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:DM Sans,sans-serif}input,select,textarea{outline:none;font-family:DM Sans,sans-serif}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--mint)}::-webkit-scrollbar-thumb{background:var(--mist);border-radius:4px}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{background:var(--white);flex:1;overflow-y:auto}.page-inner{max-width:1200px;padding:2rem 2.5rem}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.card-green{background:var(--forest);color:var(--white);border-radius:var(--radius-md);padding:1.5rem}.card-pine{background:var(--pine);color:var(--white);border-radius:var(--radius-md);padding:1.5rem}.card-sage{background:var(--sage);color:var(--white);border-radius:var(--radius-md);padding:1.5rem}.btn{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .18s;display:inline-flex}.btn-primary{background:var(--forest);color:var(--white);border:1px solid var(--forest)}.btn-primary:hover{background:var(--pine);border-color:var(--pine)}.btn-secondary{color:var(--forest);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--mint)}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-lg{padding:.8rem 1.75rem;font-size:1rem}.btn-full{justify-content:center;width:100%}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:.8rem;font-weight:500}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--white);width:100%;padding:.65rem .9rem;font-size:.9rem;transition:border-color .15s}.form-input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #6e9e7a1f}.form-input::placeholder{color:var(--text-muted)}select.form-input{cursor:pointer}textarea.form-input{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-occupied{color:var(--pine);background:#3a5c301f}.badge-vacant{color:var(--text-secondary);background:#a8c4ad4d}.badge-income{color:var(--forest);background:#0f231814}.badge-expense{color:#a03020;background:#c8503c1a}.badge-update{color:var(--pine);background:#6e9e7a26}.stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem}.stat-card.dark{background:var(--forest);color:var(--white);border-color:var(--forest)}.stat-card.pine{background:var(--pine);color:var(--white);border-color:var(--pine)}.stat-card.sage{background:var(--sage);color:var(--white);border-color:var(--sage)}.stat-label{opacity:.75;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.stat-value{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:700;line-height:1}.stat-sub{opacity:.65;margin-top:.3rem;font-size:.75rem}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:var(--mint)}th{text-align:left;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}td{border-top:1px solid var(--border);vertical-align:middle;padding:.85rem 1rem;font-size:.875rem}tr:hover td{background:#e4f0e266}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-success{color:var(--pine);background:#3a5c301a;border:1px solid #3a5c3033}.alert-error{color:#b03020;background:#c83c2814;border:1px solid #c83c2833}.loading-spinner{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:3rem;font-size:.9rem;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--sage);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.page-title{margin-bottom:.25rem}.page-subtitle{color:var(--text-muted);font-size:.875rem}.section{margin-bottom:2.5rem}.section-title{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.property-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.property-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .18s}.property-card:hover{box-shadow:var(--shadow-md)}.property-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.property-card-title{font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:600}.property-card-city{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.property-card-meta{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.property-meta-item .meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.property-meta-item .meta-value{color:var(--text-primary);margin-top:.1rem;font-size:.95rem;font-weight:600}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.45rem}.timeline-dot.income{background:var(--pine)}.timeline-dot.expense{background:#c04030}.timeline-dot.update{background:var(--sage)}.timeline-body{flex:1}.timeline-title{font-size:.9rem;font-weight:500}.timeline-sub{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.timeline-amount{white-space:nowrap;font-size:.95rem;font-weight:600}.timeline-amount.income{color:var(--pine)}.timeline-amount.expense{color:#c04030}.update-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.update-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.update-photo{object-fit:cover;background:var(--mint);width:100%;height:180px;color:var(--mist);justify-content:center;align-items:center;font-size:2rem;display:flex}.update-photo img{object-fit:cover;width:100%;height:180px}.update-body{padding:1rem}.update-note{margin-bottom:.5rem;font-size:.875rem}.update-meta{color:var(--text-muted);gap:.75rem;font-size:.75rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state-icon{opacity:.5;margin-bottom:.75rem;font-size:2.5rem}.empty-state-text{font-size:.9rem}.form-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.75rem}.form-panel-title{color:var(--text-primary);margin-bottom:1.25rem;font-size:1rem;font-weight:600}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.modal-overlay{z-index:1000;background:#0f231866;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);max-height:90vh;padding:2rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-family:Cormorant Garamond,serif;font-size:1.4rem}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.4rem}.topbar{z-index:100;background:#fafdf9;border-bottom:1px solid #c8deca;align-items:center;gap:1rem;height:52px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-menu{cursor:pointer;color:#3a5c30;background:0 0;border:none;padding:.25rem .5rem;font-size:1.1rem}.topbar-title{color:#0f2318;font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;font-weight:600}.badge-pending{color:#9a7020;background:#d2a03226}.badge-approved{color:#3a5c30;background:#3a5c301f}.badge-rejected{color:#b03020;background:#c83c281a}.verified-badge{color:#6e9e7a;background:#6e9e7a1a;border-radius:999px;align-items:center;gap:.3rem;margin-top:.3rem;padding:.15rem .55rem;font-size:.7rem;font-weight:500;display:inline-flex}.receipt-link{color:#3a5c30;cursor:pointer;align-items:center;gap:.25rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.receipt-link:hover{text-decoration:underline}.image-modal-overlay{z-index:2000;cursor:pointer;background:#000000bf;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.image-modal-overlay img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:85vh;box-shadow:0 8px 40px #0000004d}.file-upload-btn{color:#3a5c30;cursor:pointer;background:#e4f0e2;border:1px dashed #a8c4ad;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.file-upload-btn:hover{background:#d0e8d2;border-color:#6e9e7a}.file-upload-btn input[type=file]{display:none}.approve-btn{cursor:pointer;color:#3a5c30;background:#3a5c301f;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s}.approve-btn:hover{color:#fff;background:#3a5c30}.reject-btn{cursor:pointer;color:#b03020;background:#c83c2814;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s}.reject-btn:hover{color:#fff;background:#c04030}.bottom-nav{z-index:200;background:#e4f0e2;border-top:1px solid #c8deca;flex-direction:row;justify-content:space-around;align-items:stretch;height:62px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0f231814}.bottom-nav-item{color:#4a6b52;letter-spacing:.02em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:62px;padding:0 4px;font-size:.62rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex;position:relative}.bottom-nav-active{color:#0f2318}.bottom-nav-active:before{content:"";background:#0f2318;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:15%;right:15%}.bottom-nav-icon{font-size:1.2rem;line-height:1}.bottom-nav-label{line-height:1}.bottom-nav-badge{color:#fff;text-align:center;background:#c04030;border-radius:999px;min-width:16px;padding:.1rem .35rem;font-size:.6rem;font-weight:700;position:absolute;top:6px;right:calc(50% - 20px)}.sidebar-aside{transition:left .25s}@media (width<=768px){.sidebar-aside:not(.sidebar-bottom-nav-portal){height:100vh;top:0;left:-240px;position:fixed!important}.sidebar-aside:not(.sidebar-bottom-nav-portal).sidebar-open{left:0}.sidebar-bottom-nav-portal{display:none!important}.bottom-nav{display:flex}.topbar-menu-desktop-only{display:none!important}.main-content{padding-bottom:62px}.page-inner{padding:1rem .875rem}.stats-row{grid-template-columns:1fr 1fr;gap:.625rem}.stat-value{font-size:1.5rem}.form-row{grid-template-columns:1fr}.btn{min-height:44px}.btn-sm{min-height:38px;font-size:.8rem}.form-input,select.form-input{min-height:44px;font-size:1rem}.approve-btn,.reject-btn{min-height:44px;padding:.6rem 1rem;font-size:.82rem}.property-grid,.update-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.page-header .btn,.page-header button{justify-content:center;width:100%}.section{margin-bottom:1.75rem}.approval-actions{width:100%;flex-direction:column!important}.approval-actions .approve-btn,.approval-actions .reject-btn{justify-content:center;width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh;padding:1.5rem 1.25rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.clients-card-list{flex-direction:column;gap:.625rem;display:flex}.clients-table-wrap{display:none}.update-photo img,.update-photo{height:220px}body{overflow-x:hidden}.topbar-title{text-align:center;flex:1}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.15rem}}@media (width>=769px){.clients-card-list{display:none}.clients-table-wrap{display:block}}@media (width<=480px){.stats-row{grid-template-columns:1fr}.page-inner{padding:.875rem .75rem}}