:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-muted: #6b7280;--color-border: #e5e7eb;--color-accent: #111827;--color-green: #059669;--color-red: #dc2626;--radius: .5rem;--max-width: 960px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.landing-page{max-width:720px;margin:0 auto;padding:0 1.5rem}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6rem 0 4rem}.hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.hero-tagline{font-size:1.375rem;color:var(--color-muted);margin-bottom:1.5rem}.hero-body{color:var(--color-muted);max-width:32rem;margin-bottom:2.5rem;line-height:1.7}.features{padding:3rem 0}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.feature-title{font-size:1rem;font-weight:600;margin-bottom:.375rem}.feature-desc{font-size:.875rem;color:var(--color-muted);line-height:1.6}.principles{padding:3rem 0}.section-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;letter-spacing:-.01em}.principles-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}@media(max-width:600px){.principles-grid{grid-template-columns:1fr}}.principle h4{font-size:.9375rem;font-weight:600;margin-bottom:.375rem}.principle p{font-size:.8125rem;color:var(--color-muted);line-height:1.6}.landing-footer{padding:3rem 0;text-align:center;border-top:1px solid var(--color-border)}.footer-text{font-size:.8125rem;color:var(--color-muted);font-style:italic}.btn{padding:.625rem 1.5rem;font-size:.9375rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-accent);color:#fff}.btn-lg{padding:.875rem 2.5rem;font-size:1.0625rem}.app-layout{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.app-header-left{display:flex;align-items:center;gap:2rem}.app-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.app-nav{display:flex;gap:.25rem}.nav-link{padding:.375rem .75rem;border-radius:var(--radius);text-decoration:none;color:var(--color-muted);font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--color-border);color:var(--color-text)}.nav-link-active,.nav-link-active:hover{background:var(--color-accent);color:#fff}.app-main{padding-bottom:3rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.stat-label{font-size:.8125rem;color:var(--color-muted);margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:600}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;font-size:.875rem}.data-table th{text-align:left;padding:.75rem 1rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.data-table td{padding:.625rem 1rem;border-bottom:1px solid var(--color-border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg)}.income{color:var(--color-green)}.expense{color:var(--color-red)}.filter-bar{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:140px;flex:1}.filter-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.filter-input{padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8125rem;background:var(--color-bg);color:var(--color-text)}.filter-input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.txn-summary{display:flex;gap:1.5rem;font-size:.8125rem;color:var(--color-muted);margin-bottom:1rem}.month-picker{display:flex;align-items:center;gap:.5rem}.month-picker-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.25rem .5rem;cursor:pointer;font-size:.875rem;color:var(--color-text);line-height:1}.month-picker-btn:hover{background:var(--color-border)}.month-picker-label{font-size:.8125rem;font-weight:500;min-width:8rem;text-align:center}.category-chip{display:inline-block;padding:.125rem .5rem;border:none;border-radius:1rem;font-size:.75rem;font-weight:500;color:var(--color-text);cursor:pointer;white-space:nowrap;transition:opacity .15s}.category-chip:hover{opacity:.75}.td-category{position:relative}.category-editor{display:flex;flex-direction:column;gap:.375rem;padding:.375rem;background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius);min-width:16rem;box-shadow:0 2px 8px #00000014}.category-editor-row{display:flex;gap:.375rem}@media(max-width:600px){.category-editor-row{flex-direction:column}}.category-editor-select{flex:1;padding:.25rem .375rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.75rem;background:var(--color-bg);color:var(--color-text)}.category-editor-select:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.category-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.category-editor-learn{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--color-muted);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-editor-learn input{margin:0}.category-editor-buttons{display:flex;gap:.25rem;flex-shrink:0}.category-editor-error{font-size:.6875rem;color:var(--color-red)}.row-editing{background:#f8f9fb}.row-editing td{border-bottom-color:transparent}.btn-icon{background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:.1875rem .5rem;font-size:.6875rem;color:var(--color-muted);cursor:pointer;white-space:nowrap}.btn-icon:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-muted)}.btn-icon-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-icon-primary:hover{background:var(--color-accent);color:#fff;opacity:.85}.message-box{margin:1rem 0;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8125rem;white-space:pre-wrap}.td-projects{position:relative}.project-tagger{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.project-tags{display:flex;gap:.25rem;flex-wrap:wrap}.project-tag{display:inline-block;padding:.0625rem .375rem;border-radius:1rem;font-size:.6875rem;background:#e0e7ff;color:#3730a3;white-space:nowrap}.project-tag-btn{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:1px dashed var(--color-border);border-radius:50%;background:none;color:var(--color-muted);font-size:.75rem;cursor:pointer;flex-shrink:0}.project-tag-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg)}.project-tagger-popup{position:absolute;top:100%;left:0;z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;padding:.5rem;min-width:10rem;display:flex;flex-direction:column;gap:.25rem}.project-tagger-option{display:flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.1875rem .25rem;border-radius:.25rem;cursor:pointer}.project-tagger-option:hover{background:var(--color-bg)}.project-tagger-option input{margin:0}.project-link{color:var(--color-accent);text-decoration:none;font-weight:500}.project-link:hover{text-decoration:underline}.create-project-form{display:flex;gap:.75rem;align-items:flex-end}.create-project-form .filter-input{flex:1}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-muted)}.empty-hint{font-size:.875rem;margin-top:.5rem}.text-muted{color:var(--color-muted)}.import-steps{display:flex;flex-direction:column;gap:1.5rem}.import-step h3{font-size:.9375rem;margin-bottom:.5rem}.file-input{font-size:.875rem}.import-errors{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);font-size:.8125rem}.month-input{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-surface)}