.account-page{max-width:500px;margin:0 auto 40px;padding:0 16px}.transactions-page{max-width:800px;margin:0 auto 40px;padding:0 16px}.account-title{text-align:center;margin:0 0 32px;font-size:28px;font-weight:600}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:24px;padding:32px;display:flex}.account-avatar{border:1px solid var(--border);width:80px;height:80px;color:var(--accent);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.account-info{flex-direction:column;gap:16px;width:100%;display:flex}.account-field{flex-direction:column;gap:4px;display:flex}.account-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.account-value{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;display:flex}.verified-badge{color:var(--success);background:#10b9811a;border-radius:10px;padding:2px 8px;font-size:12px}.account-actions-group{flex-direction:column;gap:12px;width:100%;margin-top:24px;display:flex}.account-logout-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-spring);padding:12px;font-size:14px;font-weight:500}.account-logout-btn:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.account-links{border:1px solid var(--border);border-radius:12px;margin-top:24px;overflow:hidden}.account-link-item{color:var(--text-primary);transition:var(--transition-spring);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.account-link-item:last-child{border-bottom:none}.account-link-item:hover{background:var(--bg-hover)}.account-link-item span{flex:1;font-weight:500}.account-link-item .chevron{color:var(--text-secondary)}.favorites-page{width:100%;max-width:500px;margin:0 auto}.favorites-title{text-align:center;margin:0 0 32px;font-size:28px;font-weight:600}.favorites-empty{text-align:center;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:64px 0}.favorites-empty p{margin:0 0 20px;font-size:16px}.browse-link{background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:var(--transition-spring);padding:12px 24px;font-weight:500;text-decoration:none;display:inline-block}.browse-link:hover{box-shadow:var(--shadow-hover-glow);transform:translateY(-2px)scale(1.02)}.favorites-footer{text-align:center;margin-top:24px}.favorites-grid{flex-direction:column;gap:12px;display:flex}.favorite-card-item{justify-content:space-between;padding-right:12px;position:relative}.favorite-link-overlay{color:inherit;flex:1;align-items:center;gap:12px;margin:-12px 0;padding:12px 0;text-decoration:none;display:flex}.tile-title{font-size:15px;font-weight:500}.delete-cross-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-spring);z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.delete-cross-btn:hover{color:var(--danger);background:#ef44441a}.drag-handle{color:var(--text-secondary);cursor:grab;border-radius:var(--radius-sm);transition:var(--transition-spring);touch-action:none;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.drag-handle:hover{color:var(--text-primary)}.drag-handle:active{cursor:grabbing}.favorite-card-item.dragging{opacity:.9;box-shadow:0 8px 24px #00000026}@media (max-width:1024px){.transactions-page{padding:0}}.tx-date-input{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:var(--transition-spring);-webkit-text-fill-color:var(--text-primary);box-sizing:border-box;align-items:center;width:100%;height:44px;padding:0 12px;font-family:inherit;font-size:16px;line-height:normal;display:flex}.tx-filters-panel{width:100%;margin:16px 0 24px}.tx-filters-date-inputs{gap:12px;width:100%;display:flex}.tx-date-input:focus{border-color:var(--accent);outline:none}@media (prefers-color-scheme:light){.tx-date-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}
