.btn{border:1px solid var(--color-primary);border-radius:var(--radius);padding:var(--spacing-2) var(--spacing-3);font-size:14px;cursor:pointer;background:var(--color-primary);color:#fff}.btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-primary-dark)}.btn-secondary:hover{background:var(--color-primary-light)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger)}.input{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-2);font-size:14px;background:var(--color-surface);color:var(--color-text)}.input:focus{outline:none;border-color:var(--color-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-5);width:320px;display:flex;flex-direction:column;gap:var(--spacing-3)}.login-card h1{font-size:18px;color:var(--color-primary-dark);margin:0 0 var(--spacing-2) 0}.login-card label{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:13px;color:var(--color-text-muted)}.login-error{color:var(--color-danger);font-size:13px;margin:0}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.data-table th,.data-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-bg);color:var(--color-text-muted);font-weight:600;font-size:12px;text-transform:uppercase}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-bg)}.table-empty{color:var(--color-text-muted);padding:var(--spacing-4);text-align:center}.reminder-card{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-3)}.reminder-label{color:var(--color-text-muted);font-size:13px;margin-right:auto}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dashboard-header h1{font-size:20px;color:var(--color-primary-dark);margin:0}.dashboard-filters{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.dashboard-filters select{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-2);background:var(--color-surface);color:var(--color-text)}.dashboard-error{color:var(--color-danger)}.dashboard-pagination{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-3);color:var(--color-text-muted);font-size:13px}.dashboard-form{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center;margin-bottom:var(--spacing-3)}.dashboard-form select{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-2);background:var(--color-surface);color:var(--color-text)}.deposits-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.deposits-header h1{font-size:20px;color:var(--color-primary-dark);margin:0}.deposits-balance{color:var(--color-text-muted);margin-bottom:var(--spacing-3)}.deposits-error{color:var(--color-danger)}.deposits-form{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center;margin-bottom:var(--spacing-3)}.deposits-form select{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-2);background:var(--color-surface);color:var(--color-text)}.amount-in{color:var(--color-primary-dark)}.amount-out{color:var(--color-danger)}.users-header h1{font-size:20px;color:var(--color-primary-dark);margin:0 0 var(--spacing-3) 0}.users-form{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center;margin-bottom:var(--spacing-2)}.users-form select{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-2);background:var(--color-surface);color:var(--color-text)}.users-hint{color:var(--color-text-muted);font-size:13px;margin:0 0 var(--spacing-3) 0}.users-error{color:var(--color-danger)}.users-unlinked{color:var(--color-text-muted)}.invite-panel{background:var(--color-surface);border:1px solid var(--color-primary-light);border-left:3px solid var(--color-primary);border-radius:var(--radius);padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.invite-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2);color:var(--color-primary-dark)}.invite-close{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:var(--color-text-muted)}.invite-link{display:block;word-break:break-all;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-2);margin-bottom:var(--spacing-2)}.invite-actions{display:flex;align-items:center;gap:var(--spacing-3)}.invite-expiry{color:var(--color-text-muted);font-size:13px}.invite-hint{color:var(--color-text-muted);font-size:13px;margin:var(--spacing-2) 0 0 0}:root{--color-bg: #f4f7f2;--color-surface: #ffffff;--color-border: #d8e2d6;--color-primary: #6b8f71;--color-primary-dark: #4f6f52;--color-primary-light: #a9c5a0;--color-text: #2e3b2f;--color-text-muted: #6b756c;--color-danger: #b5654a;--color-warning: #c9a24b;--radius: 4px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:14px}a{color:var(--color-primary-dark)}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:200px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--spacing-3)}.app-content{flex:1;padding:var(--spacing-4)}.nav-link{display:block;padding:var(--spacing-2) var(--spacing-1);color:var(--color-text);text-decoration:none;border-radius:var(--radius)}.nav-link:hover,.nav-link.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.app-sidebar{display:flex;flex-direction:column}.app-sidebar nav{flex:1}.app-sidebar-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-2)}.app-user{display:block;padding:var(--spacing-2) var(--spacing-1);color:var(--color-text-muted);font-size:13px}.app-signout{width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer}.route-loading{padding:var(--spacing-4);color:var(--color-text-muted)}