.login-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.login-card{background:#f9f9f9;border-radius:8px;padding:2rem;max-width:500px;box-shadow:0 2px 10px #0000001a}@media (prefers-color-scheme: dark){.login-card{background:#1a1a1a;box-shadow:0 2px 10px #ffffff1a}}.login-card h2{color:#646cff;margin-bottom:1rem}.login-card p{margin-bottom:1.5rem;line-height:1.6}.login-button{background-color:#646cff;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:500;margin-bottom:2rem;transition:background-color .25s}.login-button:hover{background-color:#535bf2}.login-info{text-align:left;border-top:1px solid #ddd;padding-top:1.5rem}@media (prefers-color-scheme: dark){.login-info{border-top-color:#333}}.login-info h3{margin-bottom:1rem;color:#646cff}.login-info ul{margin-bottom:1rem;padding-left:1.5rem}.login-info li{margin-bottom:.5rem}.budget-selector{display:flex;align-items:center;gap:1rem}.budget-selector label{font-weight:500;color:#646cff}.budget-selector h3{margin:0;color:#646cff}.budget-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;font-size:1rem;min-width:200px}@media (prefers-color-scheme: dark){.budget-select{background-color:#1a1a1a;color:#fff;border-color:#333}}.budget-select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}@media (max-width: 768px){.budget-selector{flex-direction:column;align-items:stretch;gap:.5rem}.budget-select{min-width:auto}}.spendable-grid{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;margin:1rem 0}@media (prefers-color-scheme: dark){.spendable-grid{background:#1a1a1a;box-shadow:0 2px 10px #ffffff1a}}.grid-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;background-color:#646cff;color:#fff;font-weight:600}.header-cell{padding:1rem;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.header-cell:last-child{border-right:none}.grid-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;border-bottom:1px solid #eee}@media (prefers-color-scheme: dark){.grid-row{border-bottom-color:#333}}.grid-row:hover{background-color:#f5f5f5}@media (prefers-color-scheme: dark){.grid-row:hover{background-color:#2a2a2a}}.cell{padding:1rem;text-align:center;border-right:1px solid #eee}@media (prefers-color-scheme: dark){.cell{border-right-color:#333}}.cell:last-child{border-right:none}.category-name{text-align:left;font-weight:500}.balance{color:#2196f3;font-weight:500}.future-expenses{color:#ff9800;font-weight:500}.spendable{font-weight:600;font-size:1.1em}.spendable.positive{color:#4caf50}.spendable.low{color:#ff9800}.spendable.negative{color:#f44336}.remaining-days{color:#666;font-size:.9em}.grid-summary{background-color:#f5f5f5;border-top:2px solid #646cff}@media (prefers-color-scheme: dark){.grid-summary{background-color:#2a2a2a}}.summary-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px}.summary-label{font-weight:600;color:#646cff}.summary-value{font-weight:600}.no-data{padding:2rem;text-align:center;color:#666;font-style:italic}@media (max-width: 768px){.grid-header,.grid-row,.summary-row{grid-template-columns:2fr 1fr}.grid-header .header-cell:nth-child(2),.grid-header .header-cell:nth-child(3),.grid-header .header-cell:nth-child(5),.grid-row .cell:nth-child(2),.grid-row .cell:nth-child(3),.grid-row .cell:nth-child(5),.summary-row .cell:nth-child(2),.summary-row .cell:nth-child(3),.summary-row .cell:nth-child(5){display:none}.header-cell,.cell{padding:.75rem}.category-name{text-align:left}.spendable{text-align:center}.summary-label{text-align:left}.summary-value{text-align:center}}@media (prefers-color-scheme: dark){.settings-modal{background:#222;color:#eee;box-shadow:0 2px 16px #000000b3}.settings-modal h2,.group-header{color:#90caf9}.category-group{border-bottom:1px solid #444}.save-button{background:#1976d2;color:#fff}.cancel-button{background:#333;color:#eee}.settings-modal-overlay{background:#000000b3}}.settings-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{background:#fff;border-radius:8px;box-shadow:0 2px 16px #0003;padding:2rem;min-width:350px;max-width:90vw;max-height:80vh;overflow-y:auto;text-align:left}.settings-modal h2{margin-top:0;color:#1976d2;text-align:left}.category-groups{margin-bottom:1.5rem}.category-group{margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.group-header{font-weight:700;cursor:pointer;color:#1976d2;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.group-categories{margin-left:1.5rem}.category-checkbox{display:block;margin-bottom:.3rem;font-size:1rem}.settings-actions{display:flex;justify-content:flex-end;gap:.5rem}.save-button{background:#1976d2;color:#fff;border:none;padding:.5rem 1.2rem;border-radius:4px;cursor:pointer;font-weight:700}.cancel-button{background:#eee;color:#333;border:none;padding:.5rem 1.2rem;border-radius:4px;cursor:pointer}.dashboard{max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px);display:flex;flex-direction:column}.dashboard-controls{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #646cff;padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 -2px 10px #0000001a;z-index:1000}@media (prefers-color-scheme: dark){.dashboard-controls{background:#1a1a1a;box-shadow:0 -2px 10px #ffffff1a}}.control-buttons{display:flex;gap:.5rem;align-items:center}.dashboard-content{text-align:left;padding-bottom:120px;flex:1}.refresh-button{background-color:#4caf50;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:background-color .25s;min-width:auto;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.refresh-button:hover:not(:disabled){background-color:#45a049}.refresh-button:disabled{background-color:#ccc;cursor:not-allowed}.version-number{color:#666;font-size:.8rem;margin-left:auto;padding:0 .5rem;opacity:.7}@media (prefers-color-scheme: dark){.version-number{color:#aaa}}.loading{text-align:center;padding:2rem}.loading p{color:#646cff;font-size:1.1rem}.error{text-align:center;padding:2rem;background-color:#ffebee;border-radius:8px;margin:1rem 0}@media (prefers-color-scheme: dark){.error{background-color:#3d1a1a}}.error h2{color:#f44336;margin-bottom:1rem}.error p{color:#666;margin-bottom:1.5rem}.retry-button{background-color:#f44336;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.retry-button:hover{background-color:#d32f2f}@media (max-width: 768px){.dashboard-controls{flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem}.dashboard-content{padding-bottom:100px}}.app{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.app-header{margin-bottom:2rem;position:relative}.logout-button-top{position:absolute;top:0;left:0;background-color:#f44336;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .25s;z-index:100}.logout-button-top:hover{background-color:#d32f2f}.header-content{text-align:center}.header-content h1{color:#646cff;margin-bottom:.2rem}.header-content p{color:#888;margin-bottom:.2rem}.app-main{min-height:60vh}.loading{display:flex;justify-content:center;align-items:center;height:50vh}.loading h2{color:#646cff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}