.navbar{background-color:#1e1e1e;color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 6px #0003;gap:16px;flex-wrap:wrap}.navbar-logo{font-size:22px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-item{color:#fff;text-decoration:none;font-size:15px;padding:6px 10px;border-radius:6px;transition:.2s;display:inline-flex;align-items:center;border:none;background:transparent;cursor:pointer;font-family:inherit}.nav-item:hover{background-color:#333}.nav-item.active{background-color:#0275d8}.nav-icon{margin-right:6px}.nav-logout{color:#fff}.nav-logout:hover{background-color:#a94442}.nav-user{font-size:14px;color:#d6d6d6;padding:6px 10px;border-left:1px solid rgba(255,255,255,.2);margin-left:4px;white-space:nowrap}@media(max-width:768px){.navbar{padding:10px 14px;align-items:flex-start}.navbar-logo{font-size:18px}.nav-links{width:100%;gap:8px}.nav-item{font-size:14px;padding:6px 8px}.nav-user{border-left:none;margin-left:0;padding-left:0;width:100%}}.home-container{padding:40px;text-align:center}.home-title{font-size:32px;font-weight:700;margin-bottom:20px}.home-subtitle{font-size:18px;color:#555;margin-bottom:40px}.home-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.home-card{background:#fff;padding:30px;width:260px;border-radius:12px;box-shadow:0 4px 10px #0000001a;transition:.2s;cursor:pointer}.home-card:hover{transform:translateY(-5px);box-shadow:0 6px 14px #00000026}.home-card-title{font-size:20px;font-weight:700;margin-bottom:10px}.home-card-icon{font-size:40px;margin-bottom:15px;color:#0275d8}.dashboard-container{padding:20px}.dashboard-title{font-size:24px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{background:#1e293b;padding:20px;border-radius:10px;color:#fff;box-shadow:0 4px 8px #0003}.stat-card h3{margin:0 0 10px;font-size:18px}.stat-card p{font-size:22px;font-weight:700}.stat-card.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.green{background:linear-gradient(135deg,#22c55e,#15803d)}.stat-card.orange{background:linear-gradient(135deg,#f59e0b,#b45309)}.stat-card.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.stat-card.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-card.dark{background:linear-gradient(135deg,#475569,#1e293b)}.stat-card.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-card.small-text{font-size:14px;line-height:1.3}.stat-card.small-text h3{font-size:16px}.apartment-container{padding:25px;max-width:900px;margin:auto}.apartment-title{font-size:24px;margin-bottom:20px;text-align:center;font-weight:700}.apartment-form{display:flex;flex-direction:column;gap:12px;background:#f9f9f9;padding:20px;border-radius:10px;border:1px solid #ddd}.apartment-form input{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:15px}.apartment-btn{padding:10px;background-color:#0275d8;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.2s;font-size:15px;font-weight:700}.apartment-btn:hover{background-color:#025aa5}.apartment-table{width:100%;border-collapse:collapse;margin-top:25px;background:#fff;border-radius:10px;overflow:hidden}.apartment-table th,.apartment-table td{padding:12px;text-align:center;border-bottom:1px solid #eee}.apartment-table th{background-color:#e9e9e9;font-weight:700}.tenant-container{padding:25px;max-width:900px;margin:auto}.tenant-title{font-size:24px;margin-bottom:20px;text-align:center;font-weight:700}.tenant-form{display:flex;flex-direction:column;gap:12px;background:#f9f9f9;padding:20px;border-radius:10px;border:1px solid #ddd}.tenant-form input,.tenant-form select{padding:10px;border-radius:6px;border:1px solid #ccc}.tenant-btn{padding:10px;background-color:#0275d8;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.2s}.tenant-btn:hover{background-color:#025aa5}.tenant-table{width:100%;border-collapse:collapse;margin-top:25px;background:#fff;border-radius:10px;overflow:hidden}.tenant-table th,.tenant-table td{padding:12px;text-align:center;border-bottom:1px solid #eee}.parking-row input[type=number]{width:80px}.parking-row{display:flex;gap:8px;margin-top:8px;align-items:center}.parking-row input{flex:1;margin-bottom:0}.tenant-btn.small{font-size:12px;padding:4px 8px}.tenant-table th{background-color:#e9e9e9;font-weight:700}.payment-manager-container{max-width:750px;margin:40px auto;padding:25px;background:#fff;border-radius:14px;box-shadow:0 4px 18px #00000014}.payment-manager-title{text-align:center;font-size:26px;font-weight:700;margin-bottom:25px;color:#333}.payment-form{display:flex;flex-direction:column;gap:16px}.payment-form label{font-size:15px;font-weight:600}.payment-form input,.payment-form select{width:100%;padding:12px;border:1px solid #cfcfcf;border-radius:8px;font-size:15px;background:#fafafa;transition:all .2s ease-in-out}.payment-form input:focus,.payment-form select:focus{border-color:#007bff;background:#fff;outline:none;box-shadow:0 0 4px #007bff4d}.payment-total-box{margin-top:10px;padding:14px;background:#f0f6ff;border:1px solid #c9dcff;border-radius:8px;display:flex;justify-content:space-between;font-size:18px;font-weight:700;color:#0056b3}.payment-btn{padding:12px;margin-top:10px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:.2s ease-in-out}.payment-btn:hover{background-color:#005ec7}@media(max-width:600px){.payment-manager-container{margin:20px;padding:20px}.payment-total-box{font-size:16px}}.payment-list-container{padding:25px;background:#f5f7fb;border-radius:12px;box-shadow:0 2px 5px #0000000f}.payment-list-container h2{margin-bottom:20px;font-size:26px;font-weight:700;color:#1d2a5b}.filter-bar{display:flex;gap:15px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.month-select{padding:10px;border-radius:8px;border:1px solid #cdd3e1;background:#fff;font-size:14px;cursor:pointer}.monthly-btn{background:#1d4ed8;color:#fff;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:.25s}.monthly-btn:hover{background:#143aa3;transform:translateY(-2px)}.payment-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.payment-table th{background:#1e3a8a;color:#fff;padding:12px;font-size:14px;text-align:left}.payment-table td{padding:10px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#1d2a5b}.payment-table tr:last-child td{border-bottom:none}td input{width:80px;padding:5px;border:1px solid #cdd3e1;border-radius:6px;font-size:14px}.edit-month-select{padding:6px;border-radius:6px;border:1px solid #cdd3e1;font-size:13px;background:#fff}.edit-btn,.delete-btn,.pdf-btn,.save-btn{padding:6px 10px;margin-right:5px;border-radius:6px;font-size:13px;cursor:pointer;transition:.25s;color:#fff;border:none}.edit-btn{background:#2563eb}.edit-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.save-btn{background:#16a34a}.save-btn:hover{background:#0d8a35;transform:translateY(-2px)}.delete-btn{background:#dc2626}.delete-btn:hover{background:#b91c1c;transform:translateY(-2px)}.pdf-btn{background:#6b7280}.pdf-btn:hover{background:#52525b;transform:translateY(-2px)}.whatsapp-round-btn{background:none;border:none;cursor:pointer;padding:4px}.whatsapp-round-icon{width:24px;height:24px}.pay-toggle-btn{padding:8px 14px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;color:#fff;min-width:120px;text-align:center}.pay-toggle-btn.unpaid{background:#d93025;box-shadow:0 3px 6px #d930254d}.pay-toggle-btn.unpaid:hover{background:#b72218;transform:translateY(-2px)}.pay-toggle-btn.paid{background:#178f34;box-shadow:0 3px 6px #178f344d}.pay-toggle-btn.paid:hover{background:#0f6d27;transform:translateY(-2px)}.notes-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999;animation:notesFadeIn .14s ease-out}.notes-modal{width:min(680px,96vw);background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000040;overflow:hidden;transform-origin:50% 30%;animation:notesZoomIn .16s ease-out;position:relative}@keyframes notesFadeIn{0%{opacity:0}to{opacity:1}}@keyframes notesZoomIn{0%{transform:scale(.98) translateY(6px)}to{transform:scale(1) translateY(0)}}.notes-header{padding:16px 58px 16px 16px;border-bottom:1px solid #e5e7eb}.notes-title{font-size:16px;font-weight:800;color:#1d2a5b}.notes-subtitle{font-size:13px;color:#64748b;margin-top:4px}.notes-close-btn{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:10px;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.notes-body{padding:16px;display:grid;gap:12px}.notes-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;white-space:pre-wrap;min-height:60px;color:#1d2a5b;font-size:14px}.notes-textarea{width:100%;min-height:150px;resize:vertical;padding:12px;border-radius:12px;border:1px solid #cdd3e1;font-size:14px;outline:none;color:#1d2a5b;background:#fff;box-sizing:border-box}.notes-hint{font-size:12px;color:#64748b}.notes-footer{padding:16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5e7eb;background:#f8fafc}.note-btn-wrapper{position:relative;display:inline-flex;align-items:center}.note-tooltip{opacity:0;visibility:hidden;min-width:180px;max-width:300px;background:#111827;color:#fff;text-align:left;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.45;box-shadow:0 8px 20px #00000040;white-space:pre-wrap;word-break:break-word;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:9999;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.note-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#111827 transparent transparent transparent}.note-btn-wrapper:hover .note-tooltip{visibility:visible;opacity:1}.payment-table,.payment-table td{overflow:visible}.payment-mini-minus-btn,.payment-mini-plus-btn{width:38px;height:32px;border-radius:8px;background:#fff;font-size:22px;font-weight:800;line-height:1;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;padding:0}.payment-mini-minus-btn{color:#dc2626;border:1px solid #ef4444}.payment-mini-plus-btn{color:#16a34a;border:1px solid #22c55e}.payment-mini-minus-btn:hover{background:#fef2f2;transform:translateY(-1px);box-shadow:0 3px 6px #ef444426}.payment-mini-plus-btn:hover{background:#f0fdf4;transform:translateY(-1px);box-shadow:0 3px 6px #22c55e26}.payment-mini-minus-btn.has-value{background:#fecaca;border-color:#dc2626;color:#b91c1c;box-shadow:0 3px 8px #dc26262e}.payment-mini-plus-btn.has-value{background:#bbf7d0;border-color:#16a34a;color:#15803d;box-shadow:0 3px 8px #16a34a2e}.payment-cards{display:none}.payment-empty-mobile{background:#fff;border-radius:12px;padding:18px;text-align:center;color:#475569;box-shadow:0 2px 5px #0000000f}.payment-card{background:#fff;border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:0 8px 24px #0f172a14;border:1px solid #e5e7eb}.payment-card.paid-card{border-left:5px solid #178f34}.payment-card.unpaid-card{border-left:5px solid #d93025}.payment-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.payment-card-tenant{font-size:17px;font-weight:800;color:#1d2a5b}.payment-card-apartment{margin-top:4px;font-size:13px;color:#64748b}.mobile-status-btn{min-width:auto;padding:8px 10px;font-size:12px;white-space:nowrap}.payment-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.payment-card-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.payment-card-total-box{background:#eff6ff;border-color:#bfdbfe}.payment-card-label{font-size:12px;color:#64748b;font-weight:600}.payment-card-value{font-size:14px;font-weight:700;color:#1d2a5b}.payment-card-total{font-size:18px;font-weight:800;color:#1d4ed8}.payment-card-adjustments{display:grid;gap:8px;margin-bottom:12px}.adjustment-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;border-radius:10px;padding:10px 12px}.minus-row{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.plus-row{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.payment-card-notes{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px 12px;margin-bottom:12px}.payment-card-notes-title{font-size:12px;font-weight:700;color:#9a3412;margin-bottom:6px}.payment-card-notes-text{font-size:13px;color:#7c2d12;white-space:pre-wrap;word-break:break-word}.payment-card-action-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.payment-card-action-row-bottom{margin-top:8px}.mobile-action-btn{flex:1;min-width:90px;margin-right:0;padding:9px 10px;font-size:13px}.whatsapp-mobile-btn{flex:1;min-width:110px;border:none;background:#25d366;color:#fff;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.25s}.whatsapp-mobile-btn:hover{background:#1faa52;transform:translateY(-2px)}@media(max-width:900px){.payment-list-container{padding:18px}.payment-table{display:none}.payment-cards{display:block}}@media(max-width:640px){.payment-list-container{padding:14px}.payment-list-container h2{font-size:22px}.filter-bar{gap:10px}.month-select,.monthly-btn{width:100%}.payment-card-top{flex-direction:column;align-items:stretch}.mobile-status-btn{width:100%}.payment-card-grid{grid-template-columns:1fr}.notes-footer{flex-direction:column}.notes-footer button{width:100%;margin-right:0}.notes-header{padding-right:16px}.notes-close-btn{position:static;width:100%;height:auto;margin-top:12px;border-radius:8px;padding:10px 12px}}body{background:#f4f4f4;font-family:Segoe UI,sans-serif}.navbar-brand{font-weight:700;font-size:20px}.homepage-container{text-align:center;padding-top:40px}.homepage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}.home-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-decoration:none;color:#222;transition:.2s;display:flex;flex-direction:column;align-items:center}.home-card:hover{transform:scale(1.04)}.home-card .icon{font-size:40px;margin-bottom:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.dash-card{background:#fff;padding:20px;border-radius:12px;text-align:center;font-size:18px;font-weight:700}.danger{background:#fdd;color:#b10000}