:root{--bg:#f8fafc;--secondary:#fff;--primary:#4b6f4d;--accent:#4b6f4d;--text:#0f172a;--text-on-primary:#fff;--border:#e2e8f0;--error:#ef4444;--success:#10b981;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--font:"Inter", system-ui, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}[data-theme=dark]{--bg:#121212;--secondary:#1e293b;--primary:#81a282;--accent:#81a282;--text:#f1f5f9;--text-on-primary:#0f172a;--border:#334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s,color .3s}#root{background-color:var(--bg);max-width:430px;min-height:100dvh;box-shadow:var(--shadow-lg);margin:0 auto;position:relative;overflow-x:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.text-center{text-align:center}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-primary{color:var(--primary)}.glass-card{background:var(--secondary);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.auth-container{min-height:100vh;padding:var(--space-3);background:linear-gradient(135deg, var(--primary), var(--bg));justify-content:center;align-items:center;display:flex}.auth-card{background:var(--secondary);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-4);box-shadow:var(--shadow-lg);border:1px solid var(--border);gap:var(--space-3);flex-direction:column;display:flex}.auth-header{text-align:center}.auth-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-1);font-weight:800}.auth-header p{color:var(--text);opacity:.7;font-size:var(--text-sm)}.auth-icon-wrapper{margin-bottom:var(--space-3);justify-content:center;display:flex}.auth-icon{background:var(--primary);color:var(--text-on-primary);padding:var(--space-2);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group label{font-size:var(--text-sm);font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-2);color:var(--text);opacity:.5;position:absolute}.auth-input{width:100%;padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-2) + 30px);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.auth-button{background:var(--primary);color:var(--text-on-primary);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-1);box-shadow:var(--shadow-md);border:none;font-size:1rem;font-weight:700;transition:transform .1s,opacity .2s;display:flex}.auth-button:hover{opacity:.9}.auth-button:active{transform:scale(.98)}.auth-footer{text-align:center;font-size:var(--text-sm);margin-top:var(--space-2)}.auth-footer a{color:var(--primary);font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{background:var(--error);color:#fff;padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center;font-weight:700}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100%;padding:var(--space-3);background-color:#0006;border:none;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{background:var(--secondary);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-4);box-shadow:var(--shadow-lg);border:1px solid var(--border);flex-direction:column;max-height:90vh;animation:.3s ease-out slideUp;display:flex;overflow-y:auto}.modal-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);display:flex}.modal-header h2{font-size:var(--text-xl);color:var(--text);margin:0;font-weight:700}.modal-icon-wrapper{padding:var(--space-1);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.modal-icon-expense{color:var(--error);background-color:#ef44441a}.modal-icon-income{color:var(--success);background-color:#10b9811a}.modal-icon-transfer{color:#3b82f6;background-color:#3b82f61a}.form-group{margin-bottom:var(--space-3)}.form-row{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.form-label{color:var(--text);opacity:.9;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.input-field{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);outline:none;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4b6f4d33}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--text);opacity:.5;pointer-events:none;position:absolute;left:16px}.input-with-icon .input-field{padding-left:44px}.modal-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:#0000000d}.btn-primary{background:var(--primary);color:var(--text-on-primary);box-shadow:0 4px 6px #4b6f4d33}.btn-primary:hover{background:#3a573d;box-shadow:0 6px 8px #4b6f4d4d}.btn-danger{background:var(--error);color:#fff;box-shadow:0 4px 6px #ef444433}.btn-danger:hover{background:#dc2626}.dash-tool-card{padding:var(--space-2);color:var(--text);text-align:center;background:var(--secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.dash-tool-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.dash-tool-icon{color:var(--primary);background:#4b6f4d1a;border-radius:50%;margin-bottom:8px;padding:12px}