:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--bg: #f8fafc;--bg-card: #ffffff;--bg-modal: rgba(0, 0, 0, .5);--text: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius: 12px;--radius-sm: 8px;--transition: .2s ease;--danger: #ef4444;--danger-light: #fef2f2;--success: #22c55e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#app{min-height:100vh}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.header[data-v-e79eb31a]{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6}.header-inner[data-v-e79eb31a]{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-e79eb31a]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-e79eb31a]{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff}.logo-text[data-v-e79eb31a]{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.2}.logo-sub[data-v-e79eb31a]{font-size:.8rem;color:var(--text-muted);font-weight:400}.btn-add[data-v-e79eb31a]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;transition:all var(--transition);box-shadow:0 2px 8px #6366f14d}.btn-add[data-v-e79eb31a]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-add[data-v-e79eb31a]:active{transform:translateY(0)}@media(max-width:640px){.header-inner[data-v-e79eb31a]{padding:12px}.btn-add span[data-v-e79eb31a]{display:none}.btn-add[data-v-e79eb31a]{padding:10px;border-radius:50%;width:44px;height:44px;justify-content:center}}.search-wrapper[data-v-f907cdb1]{margin-bottom:24px}.search-bar[data-v-f907cdb1]{position:relative;display:flex;align-items:center}.search-icon[data-v-f907cdb1]{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}.search-input[data-v-f907cdb1]{width:100%;padding:14px 48px;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);font-size:.95rem;color:var(--text);transition:all var(--transition)}.search-input[data-v-f907cdb1]:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px #6366f11a}.search-input[data-v-f907cdb1]::placeholder{color:var(--text-muted)}.clear-btn[data-v-f907cdb1]{position:absolute;right:12px;background:var(--border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition)}.clear-btn[data-v-f907cdb1]:hover{background:var(--text-muted);color:#fff}.search-info[data-v-f907cdb1]{margin-top:8px;font-size:.85rem;color:var(--text-secondary);padding-left:4px}.card[data-v-2e572452]{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:all var(--transition);position:relative;animation:slideUp .3s ease}.card[data-v-2e572452]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.card-qr[data-v-2e572452]{padding:20px 20px 12px;display:flex;justify-content:center;background:linear-gradient(180deg,#f8fafc,#fff)}.qr-image[data-v-2e572452]{width:180px;height:180px;object-fit:contain;border-radius:var(--radius-sm)}.card-info[data-v-2e572452]{padding:0 20px 20px}.card-name[data-v-2e572452]{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:2px}.card-nickname[data-v-2e572452]{font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.card-bank[data-v-2e572452]{margin-bottom:4px;display:flex;align-items:center;gap:6px}.card-bank-logo[data-v-2e572452]{width:22px;height:22px;object-fit:contain;border-radius:4px}.bank-badge[data-v-2e572452]{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,#6366f11a,#4f46e51a);color:var(--primary-dark);border-radius:20px;font-size:.75rem;font-weight:600}.card-account[data-v-2e572452]{font-size:.85rem;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace;letter-spacing:.5px}.card-delete[data-v-2e572452]{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#ffffffe6;color:var(--text-muted);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card:hover .card-delete[data-v-2e572452]{opacity:1}.card-delete[data-v-2e572452]:hover{background:var(--danger-light);color:var(--danger)}.empty[data-v-ce24fec7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;animation:fadeIn .4s ease}.empty-icon[data-v-ce24fec7]{color:var(--text-muted);margin-bottom:20px;opacity:.5}.empty-title[data-v-ce24fec7]{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:8px}.empty-desc[data-v-ce24fec7]{font-size:.9rem;color:var(--text-secondary);margin-bottom:24px}.empty-btn[data-v-ce24fec7]{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;transition:all var(--transition)}.empty-btn.primary[data-v-ce24fec7]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 2px 8px #6366f14d}.empty-btn.primary[data-v-ce24fec7]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.empty-btn.secondary[data-v-ce24fec7]{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.empty-btn.secondary[data-v-ce24fec7]:hover{border-color:var(--primary-light);color:var(--primary)}.modal-overlay[data-v-248eb0dd]{position:fixed;inset:0;background:var(--bg-modal);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal[data-v-248eb0dd]{background:var(--bg-card);border-radius:16px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;animation:scaleIn .25s ease;box-shadow:var(--shadow-xl);position:relative}.modal-close[data-v-248eb0dd]{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffffe6;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close[data-v-248eb0dd]:hover{background:var(--border);color:var(--text)}.view-qr[data-v-248eb0dd]{padding:32px 32px 16px;display:flex;justify-content:center;background:linear-gradient(180deg,#f8fafc,#fff);border-radius:16px 16px 0 0}.view-qr-img[data-v-248eb0dd]{max-width:280px;max-height:280px;object-fit:contain;border-radius:var(--radius-sm)}.view-info[data-v-248eb0dd]{padding:16px 24px}.view-name[data-v-248eb0dd]{font-size:1.3rem;font-weight:700;margin-bottom:2px}.view-nickname[data-v-248eb0dd]{font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.info-row[data-v-248eb0dd]{display:flex;flex-direction:column;gap:12px;margin:16px 0}.info-item[data-v-248eb0dd]{display:flex;justify-content:space-between;align-items:center}.info-label[data-v-248eb0dd]{font-size:.85rem;color:var(--text-secondary)}.info-value[data-v-248eb0dd]{font-weight:600;font-size:.9rem}.bank-tag[data-v-248eb0dd]{display:flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#6366f11a,#4f46e51a);color:var(--primary-dark);border-radius:20px;font-size:.8rem}.bank-logo-view[data-v-248eb0dd]{width:22px;height:22px;object-fit:contain;border-radius:4px}.account-num[data-v-248eb0dd]{display:flex;align-items:center;gap:6px;cursor:pointer;font-family:SF Mono,Fira Code,monospace;color:var(--text);padding:4px 8px;border-radius:6px;transition:all var(--transition);position:relative}.account-num[data-v-248eb0dd]:hover{background:var(--bg)}.account-num svg[data-v-248eb0dd]{color:var(--text-muted)}.copied-text[data-v-248eb0dd]{position:absolute;right:-60px;font-size:.75rem;color:var(--success);font-family:Inter,sans-serif;font-weight:500;white-space:nowrap}.view-note[data-v-248eb0dd]{font-size:.85rem;color:var(--text-secondary);padding:12px;background:var(--bg);border-radius:var(--radius-sm);margin:12px 0;line-height:1.5}.view-date[data-v-248eb0dd]{font-size:.8rem;color:var(--text-muted);text-align:center;margin-top:8px}.view-actions[data-v-248eb0dd]{display:flex;gap:8px;padding:16px 24px 24px}.btn-action[data-v-248eb0dd]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;transition:all var(--transition)}.btn-action.edit[data-v-248eb0dd]{background:var(--bg);color:var(--primary);border:1px solid var(--border)}.btn-action.edit[data-v-248eb0dd]:hover{border-color:var(--primary-light);background:#6366f10d}.btn-action.delete[data-v-248eb0dd]{background:var(--danger-light);color:var(--danger)}.btn-action.delete[data-v-248eb0dd]:hover{background:#fee2e2}.btn-action.download[data-v-248eb0dd]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-action.download[data-v-248eb0dd]:hover{transform:translateY(-1px)}@media(max-width:640px){.view-qr-img[data-v-248eb0dd]{max-width:220px;max-height:220px}.view-actions[data-v-248eb0dd]{flex-direction:column}.copied-text[data-v-248eb0dd]{right:0;top:-20px}}.app[data-v-6c7c746d]{min-height:100vh;padding-bottom:60px}.main[data-v-6c7c746d]{max-width:1200px;margin:0 auto;padding:24px 20px}.grid[data-v-6c7c746d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;animation:fadeIn .3s ease}@media(max-width:640px){.main[data-v-6c7c746d]{padding:16px 12px}.grid[data-v-6c7c746d]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}}