.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:3rem;width:100%}.auth-title{color:#1f2937;font-size:2rem;margin-bottom:1rem;text-align:center}.auth-card h2{color:#6b7280;font-size:1.5rem;margin-bottom:2rem;text-align:center}.auth-card form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.875rem}.form-group input{border-radius:6px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;padding:.75rem;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6}.auth-link{color:#6b7280;font-size:.875rem;margin-top:1rem;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:#764ba2}.error-alert{border-radius:6px}.dashboard-container{background:#f9fafb;display:flex;flex-direction:column;height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:1.5rem 2rem}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.header-left h1{color:#1f2937;font-size:1.875rem;margin:0}.user-info{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.btn-logout{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:background-color .2s}.btn-logout:hover{background:#dc2626}.dashboard-main{display:flex;flex:1 1;overflow:hidden}.dashboard-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem;width:350px}.sidebar-actions{display:flex;gap:.5rem}.btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:background-color .2s}.btn-add:hover{background:#2563eb}.form-container{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:1rem 0}.dashboard-detail,.password-container{flex:1 1;overflow-y:auto}.dashboard-detail{padding:2rem}.detail-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem}.detail-card h2{color:#1f2937;margin:0 0 1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section label{color:#6b7280;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.detail-section p{color:#1f2937;margin:0}.password-display{align-items:center;display:flex;gap:.5rem}.password-display input{flex:1 1;font-size:1rem;padding:.75rem}.btn-copy,.password-display input{border:1px solid #d1d5db;border-radius:4px}.btn-copy{background:#f3f4f6;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.btn-copy:hover{background:#e5e7eb}@media (max-width:768px){.dashboard-main{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:50vh;width:100%}.dashboard-detail{min-height:50vh}}.password-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:1.5rem;padding:2rem}.form-group,.password-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#1f2937;font-weight:600}.form-group input{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.password-input-group{align-items:center;display:flex;gap:.5rem}.password-input-group input{flex:1 1}.btn-icon{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:background-color .2s}.btn-icon:hover:not(:disabled){background:#e5e7eb}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.password-strength{display:flex;flex-direction:column;gap:.5rem}.strength-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.strength-fill{height:100%;transition:width .3s ease}.strength-text{font-size:.875rem;font-weight:600}.feedback-list{color:#6b7280;font-size:.875rem;list-style:none;margin:0;padding:0}.feedback-list li{padding:.25rem 0}.feedback-list li:before{content:"• ";margin-right:.5rem}.error-message{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:.875rem;padding:.75rem}.btn-primary{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.password-list{display:flex;flex-direction:column;gap:1rem}.password-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:box-shadow .2s,border-color .2s}.password-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.password-info{cursor:pointer;flex:1 1}.password-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.password-date{color:#6b7280;font-size:.875rem;margin:.5rem 0 0}.btn-delete{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.btn-delete:hover:not(:disabled){background:#fca5a5}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:3rem 2rem;text-align:center}.empty-state p{color:#6b7280;margin:.5rem 0}.text-muted{color:#9ca3af;font-size:.875rem}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;width:100%}button,input{font-family:inherit}.error-alert{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626}.error-alert,.success-alert{font-size:.875rem;margin-bottom:1rem;padding:1rem}.success-alert{background:#dcfce7;border:1px solid #bbf7d0;border-radius:4px;color:#16a34a}
/*# sourceMappingURL=main.de0ad5b6.css.map*/