.app-container{min-height:100vh;background:#0f172a}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#1e293b;border-bottom:1px solid #334155}.logo{font-size:20px;font-weight:700;color:#38bdf8}.header-right{display:flex;align-items:center;gap:16px}.user-info{color:#94a3b8;font-size:14px}.btn-logout{padding:6px 16px;background:#334155;border:1px solid #475569;color:#e2e8f0;border-radius:6px;cursor:pointer;font-size:13px}.btn-logout:hover{background:#475569}main{padding:24px;max-width:900px;margin:0 auto}.auth-page[data-v-fe51d02c]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.auth-card[data-v-fe51d02c]{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:32px;width:100%;max-width:420px}.auth-header[data-v-fe51d02c]{text-align:center;margin-bottom:24px}.auth-header h1[data-v-fe51d02c]{font-size:24px;color:#38bdf8;margin-bottom:8px}.subtitle[data-v-fe51d02c]{color:#64748b;font-size:14px}.error-msg[data-v-fe51d02c]{background:#7f1d1d;color:#fca5a5;padding:10px;border-radius:8px;margin-bottom:16px;font-size:14px}.form-group[data-v-fe51d02c]{margin-bottom:16px}.form-group label[data-v-fe51d02c]{display:block;margin-bottom:6px;font-size:14px;color:#94a3b8}.form-group input[data-v-fe51d02c]{width:100%;padding:10px 14px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:15px}.form-group input[data-v-fe51d02c]:focus{outline:none;border-color:#38bdf8}.btn-primary[data-v-fe51d02c]{width:100%;padding:12px;background:#0284c7;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;margin-top:8px}.btn-primary[data-v-fe51d02c]:hover{background:#0369a1}.btn-primary[data-v-fe51d02c]:disabled{background:#334155;cursor:not-allowed}.link-text[data-v-fe51d02c]{text-align:center;margin-top:16px;font-size:14px;color:#64748b}.link-text a[data-v-fe51d02c]{color:#38bdf8;text-decoration:none}.auth-page[data-v-e086b45c]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.auth-card[data-v-e086b45c]{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:32px;width:100%;max-width:420px}.auth-header[data-v-e086b45c]{text-align:center;margin-bottom:24px}.auth-header h1[data-v-e086b45c]{font-size:24px;color:#38bdf8;margin-bottom:8px}.subtitle[data-v-e086b45c]{color:#64748b;font-size:14px}.error-msg[data-v-e086b45c]{background:#7f1d1d;color:#fca5a5;padding:10px;border-radius:8px;margin-bottom:16px;font-size:14px}.form-group[data-v-e086b45c]{margin-bottom:16px}.form-group label[data-v-e086b45c]{display:block;margin-bottom:6px;font-size:14px;color:#94a3b8}.form-group input[data-v-e086b45c]{width:100%;padding:10px 14px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:15px}.form-group input[data-v-e086b45c]:focus{outline:none;border-color:#38bdf8}.hint[data-v-e086b45c]{color:#f59e0b;font-size:12px;margin-top:6px}.btn-primary[data-v-e086b45c]{width:100%;padding:12px;background:#0284c7;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;margin-top:8px}.btn-primary[data-v-e086b45c]:hover{background:#0369a1}.btn-primary[data-v-e086b45c]:disabled{background:#334155;cursor:not-allowed}.link-text[data-v-e086b45c]{text-align:center;margin-top:16px;font-size:14px;color:#64748b}.link-text a[data-v-e086b45c]{color:#38bdf8;text-decoration:none}.vault-page[data-v-6b379579]{max-width:800px;margin:0 auto}.loading-state[data-v-6b379579],.error-state[data-v-6b379579]{text-align:center;padding:60px 20px;color:#94a3b8}.spinner[data-v-6b379579]{width:40px;height:40px;border:3px solid #334155;border-top-color:#38bdf8;border-radius:50%;animation:spin-6b379579 .8s linear infinite;margin:0 auto 16px}@keyframes spin-6b379579{to{transform:rotate(360deg)}}.vault-header[data-v-6b379579]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vault-header h2[data-v-6b379579]{font-size:22px;color:#f1f5f9}.count-text[data-v-6b379579]{color:#64748b;font-size:13px;margin-top:4px}.btn-add[data-v-6b379579]{padding:10px 20px;background:#0284c7;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.btn-add[data-v-6b379579]:hover{background:#0369a1}.search-bar[data-v-6b379579]{margin-bottom:20px}.search-bar input[data-v-6b379579]{width:100%;padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:14px}.search-bar input[data-v-6b379579]:focus{outline:none;border-color:#38bdf8}.empty-state[data-v-6b379579]{text-align:center;padding:40px;color:#64748b}.credential-list[data-v-6b379579]{display:flex;flex-direction:column;gap:12px}.credential-card[data-v-6b379579]{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px}.cred-header[data-v-6b379579]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.cred-site[data-v-6b379579]{display:flex;align-items:center;gap:10px}.site-icon[data-v-6b379579]{font-size:20px}.cred-site strong[data-v-6b379579]{color:#e2e8f0;font-size:15px;display:block}.cred-url[data-v-6b379579]{color:#38bdf8;font-size:12px;text-decoration:none;display:block;margin-top:2px}.cred-actions[data-v-6b379579]{display:flex;gap:4px;flex-shrink:0}.btn-sm[data-v-6b379579]{width:32px;height:32px;background:#334155;border:1px solid #475569;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.btn-sm[data-v-6b379579]:hover{background:#475569}.btn-danger[data-v-6b379579]:hover{background:#7f1d1d;border-color:#991b1b}.cred-body[data-v-6b379579]{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid #1e293b}.field[data-v-6b379579]{display:flex;align-items:center;gap:10px;font-size:13px}.field-label[data-v-6b379579]{color:#64748b;min-width:50px}.field code[data-v-6b379579]{background:#0f172a;padding:2px 8px;border-radius:4px;color:#e2e8f0;font-family:monospace}.notes[data-v-6b379579]{color:#94a3b8;font-size:12px}.modal-overlay[data-v-6b379579]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.modal-card[data-v-6b379579]{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-card h3[data-v-6b379579]{color:#f1f5f9;margin-bottom:20px;font-size:18px}.form-group[data-v-6b379579]{margin-bottom:14px}.form-group label[data-v-6b379579]{display:block;margin-bottom:4px;font-size:13px;color:#94a3b8}.form-group input[data-v-6b379579],.form-group textarea[data-v-6b379579]{width:100%;padding:8px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px}.form-group input[data-v-6b379579]:focus,.form-group textarea[data-v-6b379579]:focus{outline:none;border-color:#38bdf8}.form-group textarea[data-v-6b379579]{resize:vertical}.password-row[data-v-6b379579]{display:flex;gap:8px}.password-row input[data-v-6b379579]{flex:1}.btn-gen[data-v-6b379579]{padding:8px 12px;background:#334155;border:1px solid #475569;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:13px;white-space:nowrap}.btn-gen[data-v-6b379579]:hover{background:#475569}.modal-actions[data-v-6b379579]{display:flex;gap:10px;margin-top:20px}.btn-cancel[data-v-6b379579]{flex:1;padding:10px;background:#334155;border:1px solid #475569;border-radius:8px;color:#e2e8f0;cursor:pointer}.btn-primary[data-v-6b379579]{flex:2;padding:10px;background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px}.btn-primary[data-v-6b379579]:hover{background:#0369a1}