:root{--color-bg: #f4f6f7;--color-surface: #ffffff;--color-primary: #0e6e55;--color-primary-dark: #0a4a3a;--color-primary-light: #e6f3ee;--color-accent: #14b892;--color-text: #1a2320;--color-heading: #0e1512;--color-muted: #6b7a75;--color-border: #e6e9e7;--color-danger: #c0392b;--color-danger-light: #fdecea;--color-warning: #b45309;--color-warning-light: #fef3c7;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(14, 21, 18, .06);--shadow-md: 0 8px 24px -8px rgba(14, 21, 18, .16);--shadow-lg: 0 24px 60px -12px rgba(14, 21, 18, .28);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5}#app{min-height:100vh}h1,h2,h3{color:var(--color-heading);letter-spacing:-.01em}a{color:var(--color-primary)}button{cursor:pointer;font-family:inherit}svg{width:18px;height:18px;flex-shrink:0}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,#1a8a68 0%,transparent 45%),radial-gradient(circle at 85% 85%,#0a4a3a 0%,transparent 50%),linear-gradient(150deg,var(--color-primary-dark),var(--color-primary) 60%,#0d7a5d)}.auth-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;opacity:.5}.auth-card{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);padding:40px 36px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:rise-in .45s cubic-bezier(.22,1,.36,1)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand .brand-mark{width:64px;height:64px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}.auth-brand .brand-mark img{width:100%;height:100%;object-fit:contain}.auth-brand h1{margin:0 0 4px;font-size:21px;font-weight:800}.auth-brand p{margin:0;color:var(--color-muted);font-size:13px}.link-btn{display:block;margin:16px auto 0;background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;text-align:center}.link-btn:hover{text-decoration:underline}.field{margin-bottom:18px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--color-heading);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 13px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.field input::placeholder{color:#a7b0ac}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);padding:10px 18px;font-size:13.5px;font-weight:600;background:var(--color-primary);color:#fff;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:var(--shadow-sm)}.btn:hover{background:var(--color-primary-dark)}.btn:active{transform:translateY(1px)}.btn.btn-block{width:100%}.btn.btn-secondary{background:var(--color-surface);color:var(--color-heading);border:1.5px solid var(--color-border);box-shadow:none}.btn.btn-secondary:hover{background:#f1f4f2;border-color:#d4dad6}.btn.btn-danger{background:var(--color-danger-light);color:var(--color-danger);box-shadow:none}.btn.btn-danger:hover{background:#fbdbd7}.error-text{color:var(--color-danger);font-size:13px;margin-top:10px}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;overflow:hidden;background:linear-gradient(190deg,var(--color-primary-dark),#0d3e31 85%);color:#fff;padding:22px 0 18px;display:flex;flex-direction:column;transition:width .18s ease}.sidebar-collapse-btn{display:none;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:#ffffffbf;width:26px;height:26px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.sidebar-collapse-btn:hover{background:#ffffff2e;color:#fff}.sidebar-collapse-btn svg{width:15px;height:15px;transition:transform .18s ease}@media (min-width: 901px){.sidebar-collapse-btn{display:flex}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-brand{padding:0 0 20px;justify-content:center}.sidebar.collapsed .sidebar-brand h1,.sidebar.collapsed .sidebar-brand p,.sidebar.collapsed .property-switcher,.sidebar.collapsed nav a span,.sidebar.collapsed .sidebar-user .user-name,.sidebar.collapsed .sidebar-user .user-role,.sidebar.collapsed .sidebar-footer button span{display:none}.sidebar.collapsed nav a,.sidebar.collapsed .sidebar-footer button{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-user{justify-content:center}.sidebar.collapsed .sidebar-footer{padding-left:8px;padding-right:8px}}.sidebar-topbar,.sidebar-menu{display:contents}.mobile-menu-btn{display:none}.sidebar-brand{padding:0 22px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:14px;display:flex;align-items:center;gap:10px}.sidebar-brand .brand-mark{width:38px;height:38px;border-radius:9px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px}.sidebar-brand .brand-mark img{width:100%;height:100%;object-fit:contain}.sidebar-brand h1{font-size:15.5px;margin:0;color:#fff;font-weight:700}.sidebar-brand p{margin:1px 0 0;font-size:11.5px;opacity:.65}.sidebar nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 10px}.sidebar nav a{color:#ffffffb8;text-decoration:none;padding:10px 12px;font-size:13.5px;font-weight:500;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;border-left:3px solid transparent;transition:background .15s ease,color .15s ease}.sidebar nav a svg{width:17px;height:17px;opacity:.9}.sidebar nav a:hover{background:#ffffff14;color:#fff}.sidebar nav a.active{background:#ffffff24;color:#fff;border-left-color:var(--color-accent)}.property-switcher{display:flex;gap:4px;padding:0 10px 10px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.12)}.property-tab{flex:1;background:#ffffff0f;color:#ffffffb8;border:none;border-radius:var(--radius-sm);padding:8px 6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.property-tab:hover{background:#ffffff1f;color:#fff}.property-tab.active{background:var(--color-accent);color:var(--color-primary-dark)}.sidebar-footer{padding:14px 16px 0;margin:6px 6px 0;border-top:1px solid rgba(255,255,255,.12)}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#0a5a45);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-user .user-name{font-size:13px;font-weight:600;color:#fff;line-height:1.3}.sidebar-user .user-role{font-size:11px;color:#ffffff8c;text-transform:capitalize}.sidebar-footer button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;padding:9px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:background .15s ease}.sidebar-footer button+button{margin-top:8px}.sidebar-footer button:hover{background:#ffffff24}.main-content{flex:1;padding:30px 40px 48px;overflow-y:auto}.main-content h2{margin:0 0 4px;font-size:22px;font-weight:800}.page-subtitle{color:var(--color-muted);font-size:13.5px;margin:0 0 24px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:20px 22px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:14px;transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:42px;height:42px;border-radius:11px;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.warn{background:var(--color-warning-light);color:var(--color-warning)}.stat-icon.danger{background:var(--color-danger-light);color:var(--color-danger)}.stat-card .stat-label{font-size:12px;color:var(--color-muted);font-weight:500}.stat-card .stat-value{font-size:24px;font-weight:800;margin-top:2px;color:var(--color-heading)}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow-sm);overflow-x:auto}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-header h2,.card-header h3{margin:0}.card-header h3{display:flex;align-items:center;gap:8px}.card-header h3 svg{color:var(--color-primary)}.card table{margin:-6px -4px;width:calc(100% + 8px)}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--color-border)}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-weight:600}tbody tr{transition:background .12s ease}tbody tr:hover{background:#fafbfa}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.occupied,.badge.active{background:var(--color-primary-light);color:var(--color-primary)}.badge.vacant,.badge.ended{background:#f1f2f1;color:var(--color-muted)}.badge.owing{background:var(--color-danger-light);color:var(--color-danger)}.badge.credit,.badge.approved{background:var(--color-primary-light);color:var(--color-primary)}.badge.pending{background:var(--color-warning-light);color:var(--color-warning)}.badge.rejected{background:var(--color-danger-light);color:var(--color-danger)}.payment-instructions-box{background:var(--color-primary-light);border:1px solid rgba(14,110,85,.2);border-radius:var(--radius-sm);padding:14px 16px;white-space:pre-wrap;font-size:13.5px;color:var(--color-heading);margin-bottom:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:26px 28px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-in .2s cubic-bezier(.22,1,.36,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{margin:0;font-size:17px;font-weight:700}.modal-close-btn{border:none;background:transparent;color:var(--color-muted);width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease}.modal-close-btn:hover{background:#f1f2f1;color:var(--color-heading)}.modal-close-btn svg{width:16px;height:16px}.modal-body{margin-top:18px}.announcement{border-left:3px solid var(--color-border);padding:14px 16px;margin-bottom:10px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fafbfa}.announcement:last-child{margin-bottom:0}.announcement.pinned{border-left-color:var(--color-warning);background:var(--color-warning-light)}.announcement-title{font-weight:700;font-size:14px;margin-bottom:4px;display:flex;align-items:center;gap:8px;color:var(--color-heading)}.announcement-meta{font-size:12px;color:var(--color-muted);margin-bottom:6px}.announcement p{margin:0 0 10px;color:var(--color-text)}.pin-tag{font-size:10.5px;font-weight:700;background:var(--color-warning);color:#fff;padding:2px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.pin-tag svg{width:10px;height:10px}.text-muted{color:var(--color-muted)}.flex-between{display:flex;align-items:center;justify-content:space-between}.empty-state{text-align:center;padding:32px 16px;color:var(--color-muted);font-size:13.5px}@media (max-width: 900px){.app-shell{flex-direction:column;min-height:100dvh}.sidebar,.sidebar.collapsed{width:100%;padding:0}.sidebar-collapse-btn{display:none}.sidebar-topbar,.sidebar-menu{display:flex}.sidebar-topbar{align-items:center;justify-content:space-between;padding:14px 18px}.sidebar-brand{padding:0;border-bottom:none;margin-bottom:0;flex:1;min-width:0}.sidebar-brand h1,.sidebar-brand p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0}.sidebar-menu{flex-direction:column;max-height:0;overflow:hidden;padding:0 12px;transition:max-height .25s ease,padding .25s ease}.sidebar-menu.open{max-height:70vh;overflow-y:auto;padding:4px 12px 16px}.sidebar nav{padding:0}.sidebar-footer{margin:6px 0 0;padding:14px 4px 0}.main-content{padding:20px 16px 40px}.main-content h2{font-size:19px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px 16px}.card{padding:16px}.card table{min-width:560px}.card-header{flex-wrap:wrap;gap:10px}}@media (max-width: 480px){.auth-card{padding:30px 22px}.stat-grid{grid-template-columns:1fr}}