.accounts-page{padding:20px;max-width:1200px;margin:0 auto}.accounts-page h1{color:var(--color-heading);margin-bottom:30px}.networth-summary{background:var(--color-primary);border-radius:8px;padding:30px;margin-bottom:30px;text-align:center;box-shadow:0 2px 8px #0000001a;color:#fff}.networth-label{font-size:14px;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:8px}.networth-value{font-size:36px;font-weight:700;margin-bottom:8px}.networth-value.positive{color:#a7f3d0}.networth-value.negative{color:#fca5a5}.networth-subtext{font-size:13px;opacity:.75}.accounts-page .add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;width:100%;margin-bottom:12px;transition:opacity .2s}.accounts-page .add-btn:hover{opacity:.9}.account-form{background:var(--color-bg-card);border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.account-form.editing{border:2px solid var(--color-primary);background:var(--color-info-bg)}.account-form .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.account-form .editing-label{font-weight:600;color:var(--color-primary);font-size:14px}.account-form .cancel-edit-btn{background:none;border:1px solid var(--color-muted);color:var(--color-body);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.account-form .cancel-edit-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-body)}.account-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:15px}.account-form .form-group{display:flex;flex-direction:column}.account-form .form-group label{margin-bottom:5px;color:var(--color-heading);font-weight:500;font-size:14px}.account-form .form-group input,.account-form .form-group select{padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg-input);color:var(--color-heading)}.account-form .form-group input:focus,.account-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.account-form .submit-btn{background:var(--color-success);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s;width:100%}.account-form .submit-btn:hover{background:#059669}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.account-card{background:var(--color-bg-card);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.account-card:hover{transform:translate3d(0,-2px,0);box-shadow:0 4px 16px #0000001f}.account-card.editing-highlight{outline:2px solid var(--color-primary);background:var(--color-info-bg)}.account-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.account-icon{font-size:28px}.account-type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-checking{background:#ede9fe;color:#7c3aed}.badge-savings{background:#fef3c7;color:#b45309}.badge-credit_card{background:var(--color-danger-bg)2e2;color:#dc2626}.badge-investment{background:#dbeafe;color:#2563eb}.badge-cash{background:#d1fae5;color:#059669}.badge-other{background:#f3f4f6;color:#6b7280}.account-name{color:var(--color-heading);font-size:18px;font-weight:600;margin:0 0 4px}.account-currency-badge{display:inline-block;font-size:11px;font-weight:600;color:var(--color-primary);background:var(--color-info-bg);padding:2px 6px;border-radius:4px;margin-bottom:4px}.account-balance{font-size:26px;font-weight:700;margin:0 0 16px}.account-balance.positive{color:var(--color-success)}.account-balance.negative{color:var(--color-danger)}.account-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--color-divider)}.account-actions .edit-btn{background:var(--color-primary);color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s;flex:1}.account-actions .edit-btn:hover{background:#5568d3}.account-actions .delete-btn{background:var(--color-danger);color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s;flex:1}.account-actions .delete-btn:hover{background:#dc2626}.no-accounts{background:var(--color-bg-card);border-radius:8px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #0000001a}.no-accounts-icon{font-size:48px;margin-bottom:16px}.no-accounts h3{color:var(--color-heading);margin-bottom:8px;font-size:18px}.no-accounts p{color:var(--color-muted);font-size:14px}.accounts-page .success-message{background:#d1fae5;color:#047857;padding:12px;border-radius:4px;margin-bottom:20px;font-weight:500}.conditional-fields{border-top:1px solid var(--color-border);padding-top:15px;margin-bottom:15px}.conditional-fields-label{font-size:13px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.conditional-fields-note{font-size:12px;color:var(--color-muted);font-style:italic;margin-top:-5px}.rate-badge{display:inline-block;font-size:11px;font-weight:600;color:#047857;background:#d1fae5;padding:2px 8px;border-radius:4px;margin-bottom:4px}.accounts-page .error-message{background:var(--color-danger-bg);color:var(--color-danger);padding:12px;border-radius:4px;margin-bottom:20px}.accounts-page .skeleton{background:linear-gradient(90deg,var(--color-skeleton-base) 25%,var(--color-skeleton-shine) 50%,var(--color-skeleton-base) 75%);background-size:200% 100%;animation:accounts-shimmer 1.5s infinite;border-radius:4px}@keyframes accounts-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.accounts-page .skeleton-card{min-height:100px}.accounts-page .skeleton-title{width:60%;height:14px;margin-bottom:12px}.accounts-page .skeleton-amount{width:80%;height:28px;margin-bottom:12px}.accounts-page .skeleton-badge-placeholder{width:70px;height:22px;border-radius:12px;margin-bottom:12px}.accounts-page .skeleton-actions{width:100%;height:32px;margin-top:auto}.networth-summary.skeleton-card{min-height:120px;background:var(--color-bg-card);display:flex;flex-direction:column;align-items:center;justify-content:center}.nw-skeleton-title{width:100px;margin:0 auto 12px}.nw-skeleton-amount{width:180px;height:36px;margin:0 auto}.account-card.skeleton-card{display:flex;flex-direction:column;padding:20px}@media(max-width:768px){.accounts-page{padding:10px}.accounts-grid,.account-form .form-row{grid-template-columns:1fr}.networth-value{font-size:28px}}@media(max-width:480px){.networth-value{font-size:24px}.account-balance{font-size:22px}}.accounts__view-txns-btn{background:none;border:1px solid #667eea;color:#667eea;border-radius:8px;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.accounts__view-txns-btn:hover,.accounts__view-txns-btn:focus-visible{background:#667eea;color:#fff}@media(prefers-color-scheme:dark){.networth-summary,.account-form{box-shadow:0 2px 8px #0000004d}.account-form .form-group input:focus,.account-form .form-group select:focus{box-shadow:0 0 0 3px #667eea40}.account-form .submit-btn:hover{background:#059669}.account-card{box-shadow:0 2px 8px #0000004d}.account-card:hover{box-shadow:0 4px 16px #0006}.account-balance.positive{color:#34d399}.account-balance.negative{color:#f87171}.badge-checking{background:#7c3aed26;color:#a78bfa}.badge-savings{background:#b4530926;color:#fbbf24}.badge-credit_card{background:#ef444426;color:#f87171}.badge-investment{background:#2563eb26;color:#60a5fa}.badge-cash{background:#05966926;color:#34d399}.badge-other{background:#6b728026;color:#9ca3af}.account-actions .edit-btn:hover{background:#5568d3}.account-actions .delete-btn:hover{background:#dc2626}.no-accounts{box-shadow:0 2px 8px #0000004d}.accounts-page .success-message,.rate-badge{background:#04785726;color:#34d399}.accounts__view-txns-btn{border-color:#818cf8;color:#818cf8}.accounts__view-txns-btn:hover,.accounts__view-txns-btn:focus-visible{background:#818cf8;color:#1e293b}.networth-summary.skeleton-card{background:var(--color-bg-card)}}