.user-switch{max-width:185px;padding:7px 8px;font-size:11px}
.system-user-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.system-user-toolbar h3,.settings-panel h3{font-size:15px;margin:0 0 5px}
.system-user-toolbar p,.settings-panel>p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}
.system-user-list,.system-trash-list,.system-attachment-list{display:flex;flex-direction:column}
.system-user-list article,.system-trash-list article,.system-attachment-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}
.system-user-list article:last-child,.system-trash-list article:last-child,.system-attachment-list article:last-child{border-bottom:0}
.system-user-list article>div:first-child,.system-trash-list article>div,.system-attachment-list article>div:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.system-user-list small,.system-trash-list small,.system-attachment-list small{font-size:10px;color:var(--muted)}
.system-trash-list article>button{flex-shrink:0}
.system-attachment-list article>span{font-size:20px;color:var(--user-accent)}
.system-attachment-list article>div:nth-child(2){flex:1}
.system-attachment-list article>div:last-child{display:flex;gap:6px;align-items:center;flex-shrink:0}
.system-attachment-list a{color:inherit;text-decoration:none}
.system-security-note{margin-top:14px;padding:11px 13px;border-radius:9px;background:#fff8e8;color:#805d22;border:1px solid #f1dfb6;font-size:11px;line-height:1.8}
.general-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.general-settings-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px}
.system-attachment-input{grid-column:1/-1!important;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.system-attachment-preview{font-size:11px;color:var(--user-accent);margin-top:5px}
.notification-launch{position:relative;white-space:nowrap}
.notification-launch>b{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:12px;background:#bd4b45;color:#fff;font-size:10px}
.notification-panel{position:fixed;z-index:95;top:67px;left:20px;width:min(390px,calc(100vw - 24px));max-height:70vh;overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 16px 45px #10251c29;color:var(--ink)}
.notification-panel[hidden]{display:none}
.notification-panel>header{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--line)}
.notification-panel>header button{border:0;background:transparent;font-size:20px;color:var(--muted);cursor:pointer}
.notification-row{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:0;border-bottom:1px solid #eff2f0;background:transparent;color:inherit;text-align:right;cursor:pointer}
.notification-row>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#edf5ef;color:#176b50;font-weight:700}
.notification-row.is-late>span{background:#fff0ee;color:#bd4b45}
.notification-row>div{display:flex;flex:1;flex-direction:column;gap:3px}.notification-row small{font-size:10px;color:var(--muted)}.notification-row strong{font-size:11px;white-space:nowrap}
:root[data-app-theme="dark"] .notification-panel,:root[data-app-theme="dark"] .notification-row{background:#1a2620;color:#e5eee9;border-color:#30423a}
:root[data-app-theme="dark"] .notification-row.is-late>span{background:#402b2a;color:#f39c9c}
@media(max-width:700px){.user-switch{max-width:105px}.general-settings-grid{grid-template-columns:1fr}.system-user-toolbar{align-items:flex-start;flex-direction:column}.system-attachment-list article{align-items:flex-start;flex-wrap:wrap}.system-attachment-list article>div:last-child{margin-right:34px}.notification-panel{top:58px;left:12px}}

/* Keep the header controls in two intentional RTL groups. */
:root .topbar{height:auto;min-height:72px;padding:10px 24px;gap:18px;justify-content:space-between}
.topbar-context,.topbar-utilities{display:flex;align-items:center;min-width:0}
.topbar-context{gap:12px;flex:1 1 auto}
.topbar-context>.crumb{white-space:nowrap;font-size:12px}
.topbar-context>.quick-add-launch{flex:0 0 auto}
.topbar-utilities{gap:8px;flex:0 0 auto}
.topbar-utilities>.profile{flex:0 1 auto;min-width:0;padding-inline-start:8px;border-inline-start:1px solid var(--line)}
.topbar-utilities>.btn{flex:0 0 auto;justify-content:center;white-space:nowrap}
.topbar-utilities .global-search-launch{min-width:142px}
.topbar-utilities .sidebar-collapse-toggle{width:42px}
:root[data-app-theme="dark"] .topbar-utilities>.profile{border-color:#30423a}
@media(max-width:1100px){:root .topbar{padding-inline:16px;gap:10px}.topbar-utilities{gap:6px}.topbar-utilities .global-search-launch{min-width:40px;width:40px;padding:7px;justify-content:center}.topbar-utilities .global-search-launch>span:not(:first-child),.topbar-utilities .global-search-launch kbd{display:none}.topbar-utilities .user-switch{max-width:120px}.topbar-utilities .profile>.muted{display:none}}
@media(max-width:850px){:root .topbar{flex-wrap:wrap;min-height:0;padding:10px 14px;gap:8px}.topbar-context{flex:1 1 100%;justify-content:space-between}.topbar-utilities{width:100%;justify-content:flex-start}.topbar-utilities>.profile{margin-inline-start:auto}}
@media(max-width:700px){.notification-panel{top:58px;left:12px}.topbar-context{flex-basis:100%}.topbar-context>.crumb{max-width:55%;overflow:hidden;text-overflow:ellipsis}.topbar-context>.quick-add-launch{padding:8px 10px}.topbar-utilities>.notification-launch span,.topbar-utilities>.appearance-launch{font-size:0}.topbar-utilities>.notification-launch{min-width:40px;width:40px;padding:7px}.topbar-utilities>.notification-launch>b{position:absolute;top:-5px;right:-5px}.topbar-utilities>.appearance-launch{width:40px;min-width:40px}.topbar-utilities>.appearance-launch:first-letter{font-size:15px}.topbar-utilities>.sidebar-collapse-toggle{width:36px;min-width:36px}}

/* Group the installment metrics into finance totals and account status. */
#stats.stats{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.stats-group{min-width:0}
.stats-group-title{display:flex;align-items:baseline;gap:10px;margin:0 2px 9px}
.stats-group-title>b{font-size:13px;color:#31463b}
.stats-group-title>span{font-size:10px;color:#89968f}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#stats .stat{position:relative;min-width:0;min-height:126px;padding:15px 17px;background:linear-gradient(145deg,#fff,#fbfdfc);border:1px solid #e1eae4;border-inline-start:3px solid #9bb6a7;border-radius:13px;box-shadow:0 4px 15px #173c3108;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#stats .stat:hover{transform:translateY(-2px);box-shadow:0 9px 22px #173c3113}
#stats .stat-top{align-items:center;min-height:29px;font-size:11px;font-weight:600;color:#687b70}
#stats .stat-icon{width:30px;height:30px;border-radius:9px;font-size:14px;background:#edf4ef;color:#547566}
#stats .stat strong{margin-top:12px;font-size:clamp(18px,1.5vw,23px);line-height:1.35;letter-spacing:.01em;color:#203d30;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#stats .stat small{display:block;margin-top:3px;font-size:10px;color:#8a9890}
#stats .metric-capital{border-inline-start-color:#8ba9cf}#stats .metric-capital .stat-icon{background:#eef4fc;color:#4677b2}#stats .metric-capital strong{color:#315e91}
#stats .metric-agreed{border-inline-start-color:#8ba9cf}#stats .metric-agreed .stat-icon{background:#eef4fc;color:#4677b2}#stats .metric-agreed strong{color:#315e91}
#stats .metric-collected,#stats .metric-active,#stats .metric-done{border-inline-start-color:#77bb98}#stats .metric-collected .stat-icon,#stats .metric-active .stat-icon,#stats .metric-done .stat-icon{background:#e9f6ef;color:#198052}#stats .metric-collected strong,#stats .metric-active strong,#stats .metric-done strong{color:#19764d}
#stats .metric-remaining,#stats .metric-late{border-inline-start-color:#e3a29a}#stats .metric-remaining .stat-icon,#stats .metric-late .stat-icon{background:#fff0ee;color:#c04a48}#stats .metric-remaining strong,#stats .metric-late strong{color:#b64443}
#stats .metric-people{border-inline-start-color:#9daecc}#stats .metric-people .stat-icon{background:#eef1f8;color:#687aa6}#stats .metric-people strong{color:#34496c}
:root[data-app-theme="dark"] .stats-group-title>b{color:#d6e3da}
:root[data-app-theme="dark"] #stats .stat{background:linear-gradient(145deg,#1a2620,#18231e);border-color:#30423a;border-inline-start-color:#607a6c}
:root[data-app-theme="dark"] #stats .stat-top{color:#b2c2b8}:root[data-app-theme="dark"] #stats .stat strong{color:#e3eee7}:root[data-app-theme="dark"] #stats .stat small{color:#96a79c}
:root[data-app-theme="dark"] #stats .metric-collected strong,:root[data-app-theme="dark"] #stats .metric-active strong,:root[data-app-theme="dark"] #stats .metric-done strong{color:#82d3a8}
:root[data-app-theme="dark"] #stats .metric-remaining strong,:root[data-app-theme="dark"] #stats .metric-late strong{color:#f29b96}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.stats-grid{gap:8px}#stats .stat{min-height:112px;padding:12px}.stats-group-title{flex-wrap:wrap;gap:4px 8px}.stats-group-title>b{font-size:12px}#stats .stat strong{font-size:17px;margin-top:8px}}