:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f5;--panel:#fff;--border:#ddd8d0;--text:#2a2a28;--muted:#7a756c;--accent:#3d6b52;--accent-hover:#2f5540;--error:#b3392c;--ok:#3d6b52;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}.loading-screen,.auth-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-form{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.75rem;width:320px;padding:2rem;display:flex}.auth-form h1{margin:0 0 .5rem;font-size:1.25rem}.auth-form input,.auth-form button{padding:.5rem;font-size:1rem}.auth-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px}.auth-form button:hover{background:var(--accent-hover)}.auth-form .link-button{color:var(--accent);background:0 0;border:none;align-self:flex-start;padding:0;font-size:.85rem;text-decoration:underline}.nav{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.nav-links{gap:1.25rem;display:flex}.nav-links a{color:var(--muted);font-weight:500;text-decoration:none}.nav-links a.active{color:var(--accent)}.nav-user{color:var(--muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}main{max-width:1100px;margin:0 auto;padding:1.5rem}.screen-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.screen h1{margin-top:0}.button,button{cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:4px;padding:.4rem .8rem;font-size:.9rem}.button,.screen-header .button{background:var(--accent);color:#fff;border:none;text-decoration:none;display:inline-block}.table-scroll{max-width:100%;overflow-x:auto}.expense-table{border-collapse:collapse;background:var(--panel);width:100%;min-width:640px}.expense-table th,.expense-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .6rem;font-size:.9rem}.expense-table tr.overdue{background:#ffe0da}.expense-table tr.due-soon{background:#fff3d6}.expense-table tr.history-row td{color:var(--muted);background:var(--bg);font-size:.85rem}.category-link{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.category-link:hover{-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel);border-radius:8px;flex-direction:column;gap:.75rem;width:420px;padding:1.5rem;display:flex}.modal-panel h2{margin:0}.modal-panel textarea{width:100%;padding:.45rem;font-family:inherit;font-size:1rem}.modal-panel label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.modal-panel input{padding:.45rem;font-family:inherit;font-size:1rem}.form-actions{gap:.5rem;margin-top:.5rem;display:flex}.error{color:var(--error);font-size:.9rem}.hint{color:var(--muted);font-size:.85rem}