:root{--color-background:#cbd5dc;--color-foreground:#1f242e;--color-card:#fff;--color-primary:#dd473c;--color-primary-hover:#c32d22;--color-muted:#737b8c;--color-border:#e2e4e9;--shadow-card:0 1px 3px 0 rgba(31,36,46,.04),0 1px 2px -1px rgba(31,36,46,.04);--shadow-card-hover:0 10px 15px -3px rgba(31,36,46,.08),0 4px 6px -4px rgba(31,36,46,.04);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius:.75rem;--radius-sm:.5rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.page{background-color:var(--color-background);min-height:100vh}.container{width:100%;max-width:1280px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.header{border-bottom:1px solid var(--color-border);background-color:var(--color-card);border-radius:var(--radius)}.nav{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo-container{align-items:center;gap:var(--spacing-sm);display:flex}.logo{width:4rem;height:4rem}.logo-text{color:var(--color-foreground);font-weight:600;display:none}@media (min-width:640px){.logo-text{display:inline}}.page-title{color:var(--color-foreground);letter-spacing:-.025em;font-size:1.25rem;font-weight:700}@media (min-width:768px){.page-title{font-size:1.5rem}}.nav-link{color:var(--color-primary);transition:opacity var(--transition-fast);font-size:.875rem;font-weight:500}.nav-link:hover{opacity:.8}.main{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}@media (min-width:768px){.main{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}}.card{background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.counter-card{padding:var(--spacing-lg);margin-bottom:2.5rem}@media (min-width:768px){.counter-card{padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}}.counter-content{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:640px){.counter-content{flex-direction:row}}.counter-text{color:var(--color-muted);text-align:center}@media (min-width:640px){.counter-text{text-align:left}}.counter-value{color:var(--color-foreground);font-weight:600}.button{color:#fff;background-color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;min-width:120px;transition:background-color var(--transition-normal),transform var(--transition-fast);border:none;justify-content:center;align-items:center;padding:.625rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.button:hover{background-color:var(--color-primary-hover)}.button:active{transform:scale(.98)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.section-title{color:var(--color-foreground);margin-bottom:var(--spacing-lg);letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.resources-grid{gap:var(--spacing-md);grid-template-columns:1fr;list-style-type:none;display:grid}@media (min-width:640px){.resources-grid{grid-template-columns:repeat(2,1fr)}}.resource-link{display:block}.resource-card{transition:box-shadow var(--transition-slow),transform var(--transition-slow);padding:1.25rem}.resource-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.resource-content{justify-content:space-between;align-items:center;display:flex}.resource-title{color:var(--color-foreground);transition:color var(--transition-fast);font-weight:500}.resource-link:hover .resource-title{color:var(--color-primary)}.resource-icon{width:1rem;height:1rem;color:var(--color-muted);opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.resource-link:hover .resource-icon{opacity:1;color:var(--color-primary)}.main-header{padding:var(--spacing-md)0;border-bottom:2px solid var(--color-primary);margin-bottom:var(--spacing-md)}.cashflow-form{gap:var(--spacing-md);background:var(--color-card);border-radius:var(--radius);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-muted);font-size:.75rem;font-weight:600}.cashflow-form input,.cashflow-form select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem;font-family:inherit;font-size:.875rem}.form-actions{gap:var(--spacing-sm);display:flex}.button.secondary{background-color:var(--color-muted)}.fx-info{padding:var(--spacing-md);border-radius:var(--radius-sm);color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;flex:2;margin-bottom:0;font-size:.875rem}.account-filter-control{align-items:center;gap:var(--spacing-sm);background:var(--color-card);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem;display:flex}.account-filter-control select{border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:.25rem .5rem;font-family:inherit;font-size:.875rem}.button-link{color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0 .25rem;font-size:1.25rem;font-weight:700;line-height:1;display:flex}.button-link:hover{color:var(--color-primary-hover)}.button-link.delete{color:#ef4444;font-size:1.5rem}.button-link.delete:hover{color:#b91c1c}.controls-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.display-mode-control{align-items:center;gap:var(--spacing-sm);background:var(--color-card);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem;display:flex}.display-mode-control select{border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:.25rem .5rem;font-family:inherit;font-size:.875rem}.table-container{overflow-x:auto}table{border-collapse:collapse;background:var(--color-card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);overflow:hidden}th,td{padding:var(--spacing-xs)var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;font-size:.875rem}th.number,td.number,input.number{text-align:right}.negative{color:#ef4444}th{color:var(--color-muted);background:#f8fafc;font-size:.75rem;font-weight:600}tr:hover{background:#f1f5f9}.actions{gap:var(--spacing-xs);display:flex}.actions button{cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;padding:.125rem .5rem;font-size:.75rem}.actions button.delete{color:#ef4444;border-color:#fee2e2}.actions button.delete:hover{background:#fef2f2}.actions button.paid{color:#10b981;border-color:#d1fae5}.actions button.paid:hover{background:#ecfdf5}.login-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.login-form{background:var(--color-card);padding:var(--spacing-2xl);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card-hover);width:100%;max-width:400px}.error-message{color:#b91c1c;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);background-color:#fee2e2;border:1px solid #fecaca;font-size:.875rem}.user-info{align-items:center;gap:var(--spacing-md);color:var(--color-muted);font-size:.875rem;display:flex}.logout-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-muted);transition:all var(--transition-fast);background:0 0;padding:.25rem .75rem;font-size:.75rem}.logout-button:hover{color:var(--color-foreground);background:#f1f5f9}.loading{min-height:50vh;color:var(--color-muted);justify-content:center;align-items:center;font-weight:500;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--color-card);padding:var(--spacing-xl);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card-hover);width:100%;max-width:500px;position:relative}.modal-header{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:var(--color-foreground);font-size:1.25rem;font-weight:700}.modal-close{cursor:pointer;color:var(--color-muted);background:0 0;border:none;font-size:1.75rem;line-height:1}.modal-close:hover{color:var(--color-foreground)}