:root{--brand-color:#16242f;--brand-color-hover:#24384a}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5f6f8;color:#1f2937}.layout{display:flex;align-items:stretch;min-height:100vh}.sidebar{flex:0 0 260px;width:260px;background:var(--brand-color);color:#fff;padding:24px 16px}.brand,.sidebar{display:flex;flex-direction:column}.brand{align-items:center;gap:8px;background:#fff;border-radius:10px;padding:16px 14px;margin-bottom:18px}.brandLogo{width:100%;max-width:170px;height:auto;object-fit:contain}.brandSubtitle{font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--brand-color);text-align:center}.sidebar a,.sidebar nav{display:block}.sidebar a{color:#e5e9f2;text-decoration:none;padding:10px 12px;border-radius:6px;margin-bottom:4px;font-size:14px;line-height:1.35}.sidebar a:hover{background:var(--brand-color-hover)}.sidebarLogout{margin-top:auto;background:transparent;border:1px solid hsla(0,0%,100%,.25);color:#e5e9f2;padding:10px 12px;border-radius:6px;font-size:14px;cursor:pointer;text-align:left}.sidebarLogout:hover{background:var(--brand-color-hover);border-color:hsla(0,0%,100%,.4)}.content{flex:1 1;min-width:0;padding:32px}.adminHeader{display:flex;justify-content:flex-end;margin-bottom:12px}.adminBellBtn,.adminBellWrap{position:relative}.adminBellBtn{background:#fff;border:1px solid #e2e5e9;border-radius:8px;cursor:pointer;color:#4b5563;padding:8px;display:flex}.adminBellBadge{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;line-height:1;border-radius:999px;padding:3px 5px;min-width:14px;text-align:center}.adminBellPanel{position:absolute;top:44px;right:0;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:8px;min-width:220px;z-index:20}.adminBellItem{display:block;padding:8px 10px;border-radius:8px;font-size:13px;color:#1f2937;text-decoration:none}.adminBellItem:hover{background:#f3f4f6}.adminBellEmpty{padding:8px 10px;font-size:12px;color:#9ca3af;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeInUp .25s ease-out}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid #eef0f3}th{background:#eef1f7;font-size:13px;text-transform:uppercase;color:#556}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:20px}.badge{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-paid{background:#dcfce7;color:#166534}.badge-pending{background:#fef9c3;color:#854d0e}.badge-overdue{background:#fee2e2;color:#991b1b}.residentShell{min-height:100vh;background:#e9ebee;display:flex;justify-content:center}.residentApp{width:100%;max-width:480px;min-height:100vh;background:#f5f6f8;position:relative;box-shadow:0 0 24px rgba(0,0,0,.06)}.residentHeader{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border-bottom:1px solid #eceff2;position:-webkit-sticky;position:sticky;top:0;z-index:5}.residentHeaderLogo{height:26px;width:auto}.residentHeaderTitle{font-size:16px;font-weight:700;color:var(--brand-color);margin:0;flex:1 1}.residentBellWrap{position:relative;margin-left:auto}.residentBellBtn{background:none;border:none;cursor:pointer;color:#4b5563;padding:4px;position:relative;display:flex}.residentBellBadge{position:absolute;top:-4px;right:-6px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;line-height:1;border-radius:999px;padding:3px 5px;min-width:14px;text-align:center}.residentBellPanel{position:absolute;top:32px;right:0;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:8px;min-width:180px;z-index:20}.residentBellItem{display:block;padding:8px 10px;border-radius:8px;font-size:13px;color:#1f2937;text-decoration:none}.residentBellItem:hover{background:#f3f4f6}.residentBellEmpty{padding:8px 10px;font-size:12px;color:#9ca3af;margin:0}.residentContent{padding:16px 16px 90px}.residentTabbar{bottom:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom, 0px));z-index:10}.residentMessageBar,.residentTabbar{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;background:#fff;border-top:1px solid #eceff2}.residentMessageBar{bottom:58px;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));z-index:15;transition:bottom .1s ease-out}.residentTab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;text-decoration:none;color:#93999f;font-size:11px;border-radius:8px}.residentTabActive{color:var(--brand-color)}.rCard{background:#fff;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.rCardLink{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit}.rTitle{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 4px}.rMuted{color:#8a8f98;font-size:13px}.rInput{padding:12px 14px;border:1px solid #e2e5e9;border-radius:10px;margin-bottom:10px;background:#fff}.rButton,.rInput{width:100%;font-size:14px}.rButton{padding:13px;border:none;border-radius:10px;background:var(--brand-color);color:#fff;font-weight:700;cursor:pointer}.rButton:disabled{opacity:.5}.rButtonSecondary{background:transparent;color:var(--brand-color);border:1px solid var(--brand-color)}.rLink{color:var(--brand-color);text-decoration:none;font-size:13px;font-weight:600}.rError{color:#b91c1c}.rError,.rSuccess{font-size:13px;margin-bottom:10px}.rSuccess{color:#166534}.rEmpty{text-align:center;color:#9ca3af;font-size:13px;padding:30px 0}@keyframes badgePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.rCardBadge{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;line-height:1;border-radius:999px;padding:4px 7px;min-width:16px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.25);animation:badgePop .3s ease-out}